.sample-prompts-container{max-width:720px;width:95%;margin-top:28px;display:flex;flex-direction:column;align-items:center;pointer-events:auto;margin-left:auto;margin-right:auto}@media (max-width:640px){.sample-prompts-container{padding-bottom:8px}}.sample-prompts-label{color:#6e6e80;font-size:.9rem;margin-bottom:14px}.sample-prompts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:700px;width:100%;margin-left:auto;margin-right:auto}.sample-prompt-button{background-color:#f9f9fa;border:1px solid #e5e5e5;border-radius:16px;padding:8px 14px;font-size:14px;color:#3e3e48;cursor:pointer;transition:background-color .2s,transform .1s;white-space:nowrap;text-align:center;margin-bottom:8px;flex:0 1 auto;position:relative;overflow:visible}@media (max-width:640px){.sample-prompts{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:0 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sample-prompts::-webkit-scrollbar{display:none}.sample-prompt-button{flex:0 0 auto}}.sample-prompt-button:hover{background-color:#f1f1f2;border-color:#d1d1d5}.sample-prompt-button:active{transform:scale(.98)}.new-chat-button-container{position:fixed;top:16px;left:16px;z-index:1000;display:flex;background-color:#ececf1;border-radius:6px;overflow:hidden}.new-chat-button,.sidebar-button{display:flex;align-items:center;justify-content:center;background-color:transparent;color:#202123;border:none;width:40px;height:40px;padding:0;cursor:pointer;transition:background-color .15s ease;position:relative;box-shadow:none}.new-chat-button{order:2}.new-chat-button,.sidebar-button{border-right:1px solid rgba(0,0,0,.1)}.sidebar-button{order:1}.new-chat-button:hover,.sidebar-button:hover{background-color:#d9d9e3;transform:none;box-shadow:none}.new-chat-button svg,.sidebar-button svg{width:16px;height:16px;color:#202123;opacity:.75;margin:0}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background-color:white;box-shadow:2px 0 10px rgba(0,0,0,.1);z-index:2000;transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}.sidebar.open{transform:translateX(0)}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:1999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{margin:0;font-size:18px;font-weight:600}.close-sidebar{background:transparent;border:none;color:#666;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:background-color .2s}.close-sidebar:hover{background-color:rgba(0,0,0,.05)}.sidebar-content{padding:20px;flex:1}.sidebar-profile{display:flex;flex-direction:column;align-items:center;padding:20px 0}.sidebar-profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:12px;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center}.sidebar-profile-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-profile-name{font-size:18px;font-weight:600;margin-bottom:4px;color:#333;text-align:center}.sidebar-profile-email{font-size:14px;color:#666;margin-bottom:20px;text-align:center}.sidebar-signout{width:100%;padding:10px 16px;background-color:#f1f1f1;color:#333;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.sidebar-signout:hover{background-color:#e5e5e5}.sidebar-signout svg{margin-right:8px}.sidebar-login{display:flex;flex-direction:column;align-items:center;padding:1.5rem;text-align:center}.sidebar-login-icon{width:80px;height:80px;display:flex;justify-content:center;align-items:center;margin-bottom:1rem;border-radius:50%;background-color:#f8fafc;padding:.5rem}.sidebar-login-message{margin-bottom:1.5rem;font-size:.9rem;color:#4b5563;line-height:1.5}.sidebar-signin-google{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background-color:white;color:#4b5563;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05)}.sidebar-signin-google:hover{background-color:#f9fafb;border-color:#d1d5db}.sidebar-signin-google:disabled{opacity:.7;cursor:not-allowed}.sidebar-tokens{margin:16px auto;padding:12px;background-color:rgba(0,0,0,.05);border-radius:8px;display:flex;flex-direction:column;gap:4px;text-align:center;position:relative;cursor:help;width:80%}.sidebar-tokens:hover:after{content:"Each token represents one generated word";position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.85);color:white;font-size:12px;font-weight:400;padding:6px 10px;border-radius:6px;white-space:nowrap;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.2)}.sidebar-tokens:hover:before{content:"";position:absolute;top:-10px;left:50%;margin-left:-5px;border:5px solid transparent;border-bottom-color:rgba(0,0,0,.85);transform:rotate(180deg)}.sidebar-tokens-label{font-size:14px;color:#64748b;font-weight:500}.sidebar-tokens-value{font-size:18px;font-weight:600;color:#0f172a;display:flex;align-items:center;justify-content:center}.sidebar-button-container{position:fixed;top:70px;left:16px;z-index:1000}.new-chat-button-container+.sidebar-button-container{top:60px}body .sidebar-button-container{position:fixed;top:70px;left:16px;z-index:1000}body .new-chat-button-container+.sidebar-button-container{top:120px}body .sidebar-button{position:static;display:flex;align-items:center;justify-content:center;background-color:white;color:#333;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease}.new-chat-button-container .sidebar-button,.sidebar-button-container .sidebar-button,body .sidebar-button{width:40px!important;height:40px!important}body .sidebar-button{min-width:auto!important;padding:0!important;margin:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-overlay{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:opacity;animation:backdropFadeIn .3s cubic-bezier(.16,1,.3,1);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.modal-content{position:relative;z-index:1000;max-width:480px;width:92%;background-color:white;border-radius:1rem;box-shadow:0 15px 30px rgba(0,0,0,.12),0 0 10px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.03);animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);overflow:hidden;max-height:90vh;overflow-y:auto;padding-bottom:var(--safe-area-bottom);color:#1d1d1f}.modal-content h3{color:#1d1d1f}.modal-content button.rounded-full,.modal-content p{color:#4b5563}.modal-content button.rounded-full:hover{background-color:#f5f5f7}input[type=number]{font-family:var(--apple-font);transition:border-color .2s ease;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number],input[type=text]{font-family:var(--apple-font);transition:all .2s cubic-bezier(.16,1,.3,1);will-change:transform,box-shadow}input[type=number]:focus,input[type=text]:focus{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.05)}.flex input[type=number]{font-size:15px;color:#1d1d1f;-webkit-font-smoothing:antialiased}.w-10.h-10{transition:all .15s ease}.w-10.h-10:hover:not(:disabled){background-color:#f5f5f7}.w-10.h-10:active:not(:disabled){background-color:#e8e8ed;transform:scale(.98)}.w-10.h-10 svg{opacity:.8}.h-10{height:2.5rem}body.modal-open{overflow:hidden;position:fixed;width:100%}.error-toast,.loading-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10000;font-size:14px;font-weight:500;animation:fadeIn .3s ease-in-out;background-color:#f5f5f7;color:#1c1c1e;border-left:4px solid var(--brand-gold-500);position:relative;overflow:hidden}.error-toast:before,.loading-toast:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));transform:skewX(-15deg);animation:shimmer 2.5s infinite;z-index:1}.error-toast{border-left:4px solid #ff3b30}.book-content-container{width:100%;border-radius:.75rem;background-color:white;overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.03);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease;transform:translateZ(0);backface-visibility:hidden;will-change:transform,box-shadow;position:relative;padding-bottom:var(--safe-area-bottom)}.book-content-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid rgba(0,0,0,.07);background-color:rgba(250,250,250,.8);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0 .25rem;transition:background-color .3s ease,border-color .3s ease}.book-tab{padding:.9rem 1.25rem;font-size:.9rem;font-weight:500;color:#666;background:transparent;cursor:pointer;border:none;border-bottom:2px solid transparent;position:relative;overflow:hidden}.book-tab,.book-tab:after{transition:all .3s cubic-bezier(.16,1,.3,1)}.book-tab:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--brand-gold-500);transform:translateX(-50%)}.book-tab:hover{color:#333}.book-tab:hover:after{width:20px}.book-tab.active{color:var(--brand-gold-500);font-weight:500}.book-tab.active:after{width:100%}.book-content-body{padding:2rem 2rem 1.5rem;overflow-x:auto;line-height:1.6;animation:contentFadeIn .5s ease;overflow-y:auto;max-height:75vh;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;transition:background-color .3s ease,color .3s ease;padding-bottom:var(--book-content-bottom-padding)}.book-content-body::-webkit-scrollbar{width:8px}.book-content-body::-webkit-scrollbar-track{background:transparent}.book-content-body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:20px;border:3px solid white}.book-reading-progress{height:2px;background-color:color-mix(in srgb,var(--brand-gold-500) 12%,transparent);width:100%;position:relative;transition:background-color .3s ease}.book-reading-progress-bar{height:100%;background-color:var(--brand-gold-500);width:0;transition:width .3s ease;position:relative;overflow:hidden}.book-reading-progress-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));transform:skewX(-15deg);animation:shimmer 2s infinite}.chapters-container{display:flex;flex-direction:column;gap:2.5rem}.chapter-section{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:2.5rem;animation:chapterFadeIn .6s ease;animation-fill-mode:both;transition:transform .3s ease,opacity .3s ease,border-color .3s ease}.chapter-section:nth-child(2){animation-delay:.1s}.chapter-section:nth-child(3){animation-delay:.2s}.chapter-section:nth-child(n+4){animation-delay:.3s}.chapter-section:last-child{border-bottom:none;padding-bottom:0}.chapter-section h1{color:#1d1d1f;font-size:1.8rem;margin-top:.5rem;margin-bottom:1.5rem;font-weight:600;letter-spacing:-.02em;line-height:1.25;transition:color .3s ease}.chapter-section h2{color:#333;font-size:1.4rem;margin-top:1.5rem;margin-bottom:1rem;font-weight:500;letter-spacing:-.01em;transition:color .3s ease}.book-content-row{margin-top:1.5rem;animation:bookRowFadeIn .5s cubic-bezier(.16,1,.3,1)}.book-generation-status{position:fixed;left:0;right:0;bottom:0;background-color:rgba(250,250,252,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px 24px;padding-bottom:calc(16px + var(--safe-area-bottom));border-top:1px solid rgba(0,0,0,.08);z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:transform .3s ease-in-out,opacity .3s ease-in-out;min-height:72px}.book-generation-status:has(.book-paused-indicator){min-height:72px;max-height:120px;overflow-y:hidden}.generation-status-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.book-stats{display:flex;align-items:center;gap:0;color:#6e6e73;font-size:14px;font-weight:400;flex-wrap:nowrap;min-width:200px;flex-shrink:0}.stats-separator{color:#d1d1d6;font-weight:300;margin:0 2px}.status-section{min-width:80px}.status-section,.time-estimate-section{display:flex;align-items:center;flex-shrink:0}.time-estimate-section{min-width:120px;justify-content:flex-start}.time-estimate{white-space:nowrap;margin-left:4px}.tokens-display{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.08);border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0;white-space:nowrap}.tokens-display .tokens-label{font-size:13px;color:#6e6e73;font-weight:500}.tokens-display .tokens-value{font-size:14px;color:#1d1d1f;font-weight:600}.tokens-display button{background-color:var(--brand-gold-500);color:#0c2523;border:none;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.tokens-display button:hover{background-color:var(--brand-gold-600);transform:translateY(-1px)}.generation-status-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}.post-production-menu-container{position:relative}.post-production-dropdown{position:absolute;bottom:calc(100% + 12px);right:0;background-color:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12);min-width:280px;padding:8px;z-index:1000;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover:not(:disabled){background-color:rgba(0,0,0,.05);transform:translateY(-1px)}.dropdown-item:active:not(:disabled){transform:scale(.98)}.dropdown-item:disabled{opacity:.6;cursor:not-allowed}.dropdown-item.loading{pointer-events:none}.dropdown-item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:rgba(0,0,0,.06);border-radius:8px;flex-shrink:0}.dropdown-item-icon svg{color:#1d1d1f}.dropdown-item-content{display:flex;flex-direction:column;gap:2px;flex:1}.dropdown-item-title{font-size:14px;font-weight:600;color:#1d1d1f;line-height:1.3}.dropdown-item-description{font-size:12px;color:#6e6e73;line-height:1.3}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top:2px solid var(--brand-gold-500);border-radius:50%;animation:spin 1s linear infinite}[style*="background-color: rgba(28, 28, 30"] .post-production-dropdown{background-color:rgba(44,44,46,.95);border-color:rgba(255,255,255,.1)}[style*="background-color: rgba(28, 28, 30"] .dropdown-item-icon,[style*="background-color: rgba(28, 28, 30"] .dropdown-item:hover:not(:disabled){background-color:rgba(255,255,255,.1)}[style*="background-color: rgba(28, 28, 30"] .dropdown-item-icon svg,[style*="background-color: rgba(28, 28, 30"] .dropdown-item-title{color:rgba(255,255,255,.9)}[style*="background-color: rgba(28, 28, 30"] .dropdown-item-description{color:rgba(255,255,255,.6)}.generation-status-text{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.status-highlight{font-weight:600;color:#1d1d1f;position:relative}.status-highlight.shimmer{position:relative;overflow:hidden;background-clip:text;-webkit-background-clip:text}.status-highlight.shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.8),rgba(255,255,255,0));transform:skewX(-15deg);animation:shimmer 1.5s infinite;z-index:1}.status-bar-button{min-width:80px;height:36px;background-color:rgba(0,0,0,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;white-space:nowrap;border-radius:18px;color:white;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;transition:all .2s ease;padding:0 16px;font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:1.2}.status-bar-button:hover{transform:translateY(-1px);background-color:rgba(0,0,0,.85);box-shadow:0 2px 5px rgba(0,0,0,.15)}.status-bar-button:active{transform:scale(.96)}.status-bar-button[style*="background-color: #ff6b35"]{background-color:#ff6b35!important;border:1px solid #e55a2b;color:white!important}.status-bar-button[style*="background-color: #ff6b35"]:hover{background-color:#e55a2b!important;border-color:#cc4d24;transform:translateY(-1px);box-shadow:0 2px 8px rgba(229,90,43,.3)}.status-bar-button[style*="background-color: #ff6b35"]:active{transform:scale(.96) translateY(0);box-shadow:0 1px 4px rgba(229,90,43,.2)}.button-content{display:flex;align-items:center;justify-content:center;gap:6px}.button-content svg{transition:transform .2s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.button-content span{font-size:13px;font-weight:500;white-space:nowrap;letter-spacing:-.01em}button.rounded-full{font-family:var(--apple-font);transition:all .2s cubic-bezier(.16,1,.3,1);will-change:transform,box-shadow}button.rounded-full:hover{transform:translateY(-1px)}button.rounded-full:active{transform:translateY(0) scale(.98)}button.bg-blue-500{background-color:var(--brand-gold-500);color:#0c2523}button.bg-blue-500:hover{background-color:var(--brand-gold-600);box-shadow:0 4px 12px rgba(196,162,60,.2)}h3.text-2xl{font-family:var(--apple-font);font-weight:600;letter-spacing:-.02em}.resume-button{background-color:var(--brand-gold-500)!important;color:#0c2523!important;box-shadow:0 1px 2px rgba(196,162,60,.3)!important}.resume-button:hover{background-color:var(--brand-gold-600)!important;transform:translateY(-1px);box-shadow:0 2px 5px rgba(196,162,60,.4)!important}.new-chat-button{background-color:#30d158!important;box-shadow:0 1px 2px rgba(48,209,88,.3)!important}.new-chat-button:hover{background-color:#34db5e!important;transform:translateY(-1px);box-shadow:0 2px 5px rgba(48,209,88,.4)!important}.loading-spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite;margin-right:8px;position:relative;overflow:hidden}.loading-spinner:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0));transform:skewX(-15deg);animation:shimmer 1.5s infinite;z-index:1}.token-value .loading-spinner{width:16px;height:16px;border:2px solid rgba(196,162,60,.2);border-top:2px solid var(--brand-gold-500);border-radius:50%;animation:spin 1s linear infinite}.book-progress-indicator{display:flex;align-items:center;margin-right:8px;position:relative;overflow:hidden}.book-progress-indicator:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0));transform:skewX(-15deg);animation:shimmer 2s infinite;z-index:2}.book-progress-dot{width:6px;height:6px;border-radius:50%;background-color:var(--brand-gold-500);margin-right:4px;opacity:.7;animation:book-progress-pulse 1.4s ease-in-out infinite;transition:background-color .3s ease}.book-progress-dot:first-child{animation-delay:0s}.book-progress-dot:nth-child(2){animation-delay:.2s}.book-progress-dot:nth-child(3){animation-delay:.4s}.book-complete-indicator{display:flex;align-items:center;margin-right:8px;animation:book-complete-appear .5s cubic-bezier(.175,.885,.32,1.275) forwards}.book-complete-indicator svg{filter:drop-shadow(0 0 3px rgba(48,209,88,.3))}.book-paused-indicator{display:flex;align-items:center;margin-right:8px;color:#ff9f0a}.circular-progress-container{opacity:0;transition:opacity .5s ease-in-out}.circular-progress-container.fade-in{opacity:1}.progress-circle{transition:stroke-dashoffset .2s ease;transform-origin:center}.progress-text{transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.1);font-variant-numeric:tabular-nums}.progress-complete .progress-circle{animation:pulse-progress 1s ease-in-out;stroke:#30d158!important;stroke-width:4px!important;filter:drop-shadow(0 0 3px rgba(48,209,88,.5));transition:all .3s ease}.progress-complete{transform:scale(1.05);transition:transform .3s ease}.circular-progress-hidden{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.circular-progress-visible{opacity:1;visibility:visible}.book-status-progress-indicator{display:flex;align-items:center;margin-right:12px}.apple-checkmark-container{opacity:0;animation:fade-in .3s ease-out .1s forwards}.checkmark-background{transform:scale(0)}.checkmark-svg{stroke-dasharray:40;stroke-dashoffset:40;animation:draw-checkmark .6s cubic-bezier(.65,0,.45,1) .3s forwards}.message-navigation-button{transition:all .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.08)}.message-navigation-button:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.12)}.message-navigation-button:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.1)}.message-navigation-container{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(255,255,255,1) 70%,rgba(255,255,255,.9) 90%,rgba(255,255,255,0));padding:8px 0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:8px;animation:fadeIn .3s ease-out}.nav-btn{width:40px;height:40px;background-color:#ececf1;color:#202123;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background-color .15s ease}.nav-btn:hover{background-color:#d9d9e3}.nav-tooltip{top:110%;padding:5px 8px;visibility:hidden;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:opacity 0s,visibility 0s}.nav-tooltip,.nav-tooltip:before{left:50%;transform:translateX(-50%)}.nav-tooltip:before{content:"";position:absolute;bottom:100%;border:5px solid transparent;border-bottom-color:#202123}.nav-btn:hover .nav-tooltip{opacity:1;visibility:visible}.nav-btn:first-child .nav-tooltip{top:50%;left:105%;transform:translateY(-50%)}.nav-btn:first-child .nav-tooltip:before{bottom:auto;left:-5px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#202123}.scroll-to-bottom-button{position:fixed;bottom:calc(var(--bottom-spacing) + 80px)!important;width:40px;height:40px}.book-content-scroll-to-bottom-button,.scroll-to-bottom-button{left:20px;background-color:rgba(0,0,0,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:50%;color:white;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.3);cursor:pointer;opacity:0;transform:translateY(20px);animation:fadeSlideUp .3s forwards;z-index:1000;transition:all .2s ease;margin:0}.book-content-scroll-to-bottom-button{position:absolute;bottom:calc(var(--bottom-spacing) + 60px)!important;width:36px;height:36px}.split-view-active,.split-view-container{height:100vh;width:100%;overflow:hidden}.split-view-container{display:flex}@media (max-width:640px){.messages-container{-webkit-overflow-scrolling:touch}}.split-view-left{border-right:1px solid rgba(0,0,0,.1)}.split-view-left,.split-view-right{width:50%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column}.split-view-left .messages-container{flex:1;overflow-y:auto;padding-bottom:120px}.split-view-left .chat-input-wrapper{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(0deg,rgba(255,255,255,1) 80%,rgba(255,255,255,0))}.split-view-right .book-generation-status{position:relative;bottom:0;margin-top:auto;width:100%;z-index:10;flex-shrink:0}.split-view-active .book-content-container{margin:0;max-width:100%;height:100vh}.split-view-active .floating-input-container{width:50%;left:0}.chat-history-sidebar{position:fixed;top:0;left:0;width:320px;height:100vh;background-color:white;box-shadow:0 0 20px rgba(0,0,0,.1);transform:translateX(-100%);transition:transform .3s ease;z-index:1000;display:flex;flex-direction:column}.chat-history-sidebar.open{transform:translateX(0)}.chat-history-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.chat-history-sidebar .sidebar-header h3{font-size:1.25rem;font-weight:600;margin:0}.chat-history-sidebar .close-button{background:none;border:none;cursor:pointer;color:#666}.tokens-display-sidebar{padding:.75rem 1rem;background-color:#f9f9fb;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.tokens-display-sidebar .tokens-label{color:#666;font-weight:500}.tokens-display-sidebar .tokens-value{font-weight:600;color:var(--brand-gold-600)}.sidebar-new-chat-button{margin:1rem;padding:.75rem;background-color:#f5f5f7;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color .2s;font-weight:500}.sidebar-new-chat-button:hover{background-color:#ebebeb}.sidebar-new-chat-button .new-chat-icon{display:flex;align-items:center;justify-content:center}.chat-list{flex:1;overflow-y:auto;padding:.5rem}.chat-item{padding:.75rem;border-radius:.5rem;margin-bottom:.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.chat-item:hover{background-color:#f5f5f7}.chat-item.selected{background-color:#e6f2ff}.chat-item-content{flex:1;overflow:hidden}.chat-item-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.chat-item-date{font-size:.8rem;color:#666}.delete-chat-button{opacity:0;background:none;border:none;color:#999;padding:.25rem;border-radius:.25rem;cursor:pointer;transition:opacity .2s,color .2s,background-color .2s}.chat-item:hover .delete-chat-button{opacity:1}.delete-chat-button:hover{background-color:rgba(0,0,0,.05);color:#ff3b30}.empty-history{padding:2rem;text-align:center;color:#999}.sidebar-sign-out-button{padding:.75rem;background-color:#f5f5f7;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color .2s;font-weight:500;color:#ff3b30;margin:auto 1rem 1rem}.sidebar-sign-out-button:hover{background-color:#ffebeb}.sidebar-sign-out-button .sign-out-icon{display:flex;align-items:center;justify-content:center}.chat-item.disabled,.delete-chat-button.disabled,.sidebar-new-chat-button.disabled,.sidebar-sign-out-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.chat-date-group{margin-bottom:16px}.chat-date-header{padding:4px 12px;font-size:.8rem;color:rgba(0,0,0,.6);font-weight:500;background-color:rgba(0,0,0,.03);border-radius:4px;margin-bottom:4px}.chat-item-time{font-size:.7rem;color:rgba(0,0,0,.5)}.token-display{display:flex;align-items:center;padding:8px 12px;background-color:rgba(0,0,0,.05);border-radius:20px;margin:10px 0;font-size:14px;max-width:fit-content}.sidebar .token-display{margin-top:16px;margin-bottom:24px;background-color:rgba(0,0,0,.1)}.token-icon{margin-right:8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:color-mix(in srgb,var(--brand-gold-500) 12%,transparent);color:var(--brand-gold-500)}.token-count{display:flex;align-items:baseline;gap:4px}.token-value{font-weight:600;color:#333;font-size:16px;display:flex;align-items:center;min-height:24px;animation:tokenFadeIn .3s ease-out}.token-label{color:#666;font-size:13px;color:#8e8e93;margin-top:-2px}.token-animated{animation:token-smooth-decrement 1.2s cubic-bezier(.4,0,.2,1)}@keyframes token-smooth-decrement{0%{transform:scale(1);color:inherit;background:transparent}20%{transform:scale(1.02);color:#007AFF;background:rgba(0,122,255,.05)}40%{transform:scale(1);color:#FF9500;background:rgba(255,149,0,.08)}60%{transform:scale(1.01);color:#FF9500;background:rgba(255,149,0,.05)}80%{transform:scale(1);color:#34C759;background:rgba(52,199,89,.05)}to{transform:scale(1);color:inherit;background:transparent}}.token-animated-elegant{animation:token-elegant-bounce 1s cubic-bezier(.68,-.2,.265,1.2)}@keyframes token-elegant-bounce{0%{transform:scale(1) translateY(0);color:inherit;box-shadow:0 2px 8px rgba(0,0,0,.1)}30%{transform:scale(1.05) translateY(-2px);color:#007AFF;box-shadow:0 4px 16px rgba(0,122,255,.15)}50%{transform:scale(.98) translateY(1px);color:#FF9500;box-shadow:0 2px 12px rgba(255,149,0,.12)}70%{transform:scale(1.02) translateY(-1px);color:#FF9500;box-shadow:0 3px 10px rgba(255,149,0,.1)}90%{transform:scale(1) translateY(0);color:#34C759;box-shadow:0 2px 8px rgba(52,199,89,.1)}to{transform:scale(1) translateY(0);color:inherit;box-shadow:0 2px 8px rgba(0,0,0,.1)}}.token-animated-subtle{animation:token-subtle-pulse .8s ease-out}@keyframes token-subtle-pulse{0%{transform:scale(1);opacity:1;background:transparent}50%{transform:scale(1.03);opacity:.95;background:rgba(255,149,0,.06)}to{transform:scale(1);opacity:1;background:transparent}}.token-animated-premium{animation:token-premium-glow 1.5s cubic-bezier(.25,.46,.45,.94)}@keyframes token-premium-glow{0%{transform:scale(1);color:inherit;box-shadow:0 2px 8px rgba(0,0,0,.1);background:transparent}25%{transform:scale(1.03);color:#007AFF;box-shadow:0 4px 20px rgba(0,122,255,.2),0 0 0 2px rgba(0,122,255,.1);background:linear-gradient(135deg,rgba(0,122,255,.05),rgba(0,122,255,.02))}50%{transform:scale(1);color:#FF9500;box-shadow:0 6px 24px rgba(255,149,0,.25),0 0 0 3px rgba(255,149,0,.12);background:linear-gradient(135deg,rgba(255,149,0,.06),rgba(255,149,0,.03))}75%{transform:scale(1.01);color:#34C759;box-shadow:0 4px 16px rgba(52,199,89,.2),0 0 0 2px rgba(52,199,89,.1);background:linear-gradient(135deg,rgba(52,199,89,.05),rgba(52,199,89,.02))}to{transform:scale(1);color:inherit;box-shadow:0 2px 8px rgba(0,0,0,.1);background:transparent}}.token-decrement-indicator{top:-8px;right:-8px;background:linear-gradient(135deg,#FF9500,#FF6B35);font-size:11px;padding:4px 8px;border-radius:12px;box-shadow:0 2px 12px rgba(255,149,0,.3),0 0 0 1px rgba(255,255,255,.2);animation:token-elegant-float 2.2s cubic-bezier(.25,.46,.45,.94) forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes token-elegant-float{0%{opacity:1;transform:translateY(0) scale(.9)}15%{opacity:1;transform:translateY(-3px) scale(1)}30%{opacity:1;transform:translateY(-8px) scale(1)}70%{opacity:.8;transform:translateY(-18px) scale(.95)}90%{opacity:.3;transform:translateY(-28px) scale(.9)}to{opacity:0;transform:translateY(-35px) scale(.85)}}.token-particles{top:50%;left:50%;transform:translate(-50%,-50%);overflow:visible;width:1px;height:1px}.token-particle{width:3px;height:3px;animation:token-particle-elegant 1.8s cubic-bezier(.25,.46,.45,.94) forwards;opacity:.8}@keyframes token-particle-elegant{0%{opacity:.8;transform:translateY(0) scale(1)}20%{opacity:1;transform:translateY(-5px) scale(1.2)}50%{opacity:.7;transform:translateY(-15px) scale(1)}80%{opacity:.3;transform:translateY(-25px) scale(.8)}to{opacity:0;transform:translateY(-35px) scale(.5)}}.token-display-enhanced{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px}.token-display-enhanced.decrementing{background:linear-gradient(135deg,rgba(255,149,0,.03),rgba(255,149,0,.01));box-shadow:0 0 0 1px rgba(255,149,0,.06)}.token-progress-bar{position:absolute;bottom:-2px;left:0;height:2px;background:linear-gradient(90deg,#007AFF,#FF9500,#34C759);border-radius:1px;animation:token-progress-sweep 1.5s cubic-bezier(.4,0,.2,1) forwards;opacity:0}@keyframes token-progress-sweep{0%{width:0;opacity:.6}50%{width:100%;opacity:.8}to{width:100%;opacity:0}}.token-animated-success{animation:token-success-celebration 1s cubic-bezier(.68,-.55,.265,1.55)}@keyframes token-success-celebration{0%{transform:scale(1);color:inherit;background:transparent}30%{transform:scale(1.08);color:#34C759;background:rgba(52,199,89,.1);box-shadow:0 4px 20px rgba(52,199,89,.2)}60%{transform:scale(.95);color:#34C759;background:rgba(52,199,89,.05)}80%{transform:scale(1.02);color:#34C759;background:rgba(52,199,89,.03)}to{transform:scale(1);color:inherit;background:transparent;box-shadow:none}}.sidebar-tokens-value,.token-value{transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default}.sidebar-tokens-value:hover,.token-value:hover{transform:scale(1.02);color:#007AFF}.token-animated-warning{animation:token-warning-pulse 1s cubic-bezier(.4,0,.6,1) infinite}@keyframes token-warning-pulse{0%,to{color:inherit;background:transparent}50%{color:#FF3B30;background:rgba(255,59,48,.05);box-shadow:0 0 0 2px rgba(255,59,48,.1)}}.token-animated-bouncy{animation:token-bounce-decrement 1.8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes token-bounce-decrement{0%{transform:scale(1) translateY(0);color:inherit}10%{transform:scale(1.1) translateY(-3px);color:#ff3b30}20%{transform:scale(.9) translateY(2px);color:#ff3b30}30%{transform:scale(1.05) translateY(-1px);color:#ff3b30}40%{transform:scale(.95) translateY(1px);color:#ff6b35}50%{transform:scale(1.02) translateY(0);color:#ff6b35}60%{transform:scale(.98) translateY(0);color:#ff8c42}70%{transform:scale(1.01) translateY(0);color:#ff8c42}80%{transform:scale(.99) translateY(0);color:#ffa500}90%{transform:scale(1.005) translateY(0);color:#ffa500}to{transform:scale(1) translateY(0);color:inherit}}.token-animated-pulse{animation:token-pulse-feedback .6s ease-out}@keyframes token-pulse-feedback{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}to{transform:scale(1);opacity:1}}.token-animated-glow{animation:token-glow-decrement 2.5s ease-in-out}@keyframes token-glow-decrement{0%{box-shadow:0 0 0 rgba(255,59,48,0);color:inherit}20%{box-shadow:0 0 10px rgba(255,59,48,.3),0 0 20px rgba(255,59,48,.1);color:#ff3b30}40%{box-shadow:0 0 15px rgba(255,59,48,.4),0 0 30px rgba(255,59,48,.2);color:#ff3b30}60%{box-shadow:0 0 8px rgba(255,107,53,.3),0 0 16px rgba(255,107,53,.15);color:#ff6b35}80%{box-shadow:0 0 4px rgba(255,140,66,.2),0 0 8px rgba(255,140,66,.1);color:#ff8c42}to{box-shadow:0 0 0 rgba(255,59,48,0);color:inherit}}.token-animated-shake{animation:token-shake-warning .5s ease-in-out}@keyframes token-shake-warning{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.token-decrement-indicator{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#ff3b30,#ff6b35);color:white;font-size:12px;font-weight:600;padding:2px 6px;border-radius:10px;box-shadow:0 2px 8px rgba(255,59,48,.3);animation:token-decrement-float 2s ease-out forwards;pointer-events:none;z-index:100}@keyframes token-decrement-float{0%{opacity:1;transform:translateY(0) scale(.8)}20%{opacity:1;transform:translateY(-5px) scale(1)}80%{opacity:.7;transform:translateY(-15px) scale(1)}to{opacity:0;transform:translateY(-25px) scale(.9)}}.token-display-enhanced{position:relative;overflow:visible;transition:all .3s ease}.token-display-enhanced.decrementing{background:linear-gradient(135deg,rgba(255,59,48,.05),rgba(255,107,53,.05));border:1px solid rgba(255,59,48,.1)}.token-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.token-particle{position:absolute;width:4px;height:4px;background:#ff3b30;border-radius:50%;animation:token-particle-float 1.5s ease-out forwards}@keyframes token-particle-float{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-20px) scale(.8)}to{opacity:0;transform:translateY(-40px) scale(.3)}}.token-counter-animated{display:inline-block;overflow:hidden;position:relative}.token-counter-animated .digit{display:inline-block;transition:transform .3s ease}.token-counter-animated .digit.rolling{animation:digit-roll .5s ease-out}@keyframes digit-roll{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes token-pulse{0%{transform:scale(1);color:inherit}50%{transform:scale(1.05);color:#ff3b30}to{transform:scale(1);color:inherit}}.right-panel-token-display{display:flex;align-items:center;background-color:rgba(0,0,0,.03);border-radius:12px;padding:8px 12px;transition:all .2s ease;cursor:default;position:relative}.right-panel-token-display:hover{background-color:rgba(0,0,0,.06)}.right-panel-token-display:before{content:"";top:-6px;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:rgba(0,0,0,.75)}.right-panel-token-display:after,.right-panel-token-display:before{position:absolute;left:50%;opacity:0;transition:opacity 0s,transform 0s;pointer-events:none;z-index:100}.right-panel-token-display:after{content:"Tokens used for content generation";top:-10px;transform:translate(-50%,-100%);background-color:rgba(0,0,0,.75);color:white;text-align:center;border-radius:6px;padding:6px 10px;white-space:nowrap;font-size:12px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.right-panel-token-display:hover:after,.right-panel-token-display:hover:before{opacity:1;transform:translate(-50%,calc(-100% - 5px))}.token-content{display:flex;flex-direction:column}.right-panel-header{display:flex;justify-content:flex-end;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.1);background-color:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.book-content-wrapper{height:calc(100% - 60px);overflow:hidden}.auth-container{position:absolute;top:20px;right:20px;z-index:50;display:flex;align-items:center;gap:10px;background-color:rgba(255,255,255,.9);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:25px;padding:4px;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:all .2s ease}.auth-container:hover{box-shadow:0 4px 15px rgba(0,0,0,.08)}.user-info{gap:8px;font-size:14px;color:#333;padding:4px 8px 4px 4px}.user-avatar,.user-info{display:flex;align-items:center}.user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:#e2e8f0;justify-content:center}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sign-out-button{background:transparent;border:none;color:#5f6368;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;font-weight:500}.sign-out-button:hover{background-color:rgba(0,0,0,.05);color:#1a73e8}.sign-out-button:active{transform:scale(.96)}.google-sign-in-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:white;color:#5f6368;border:1px solid #dadce0;border-radius:24px;padding:0 16px;height:40px;font-family:"Google Sans",var(--apple-font);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05);position:relative;overflow:hidden}.google-sign-in-button:hover{background-color:#f8f9fa;box-shadow:0 1px 3px rgba(0,0,0,.1);border-color:#d2d6dc;transform:translateY(-1px)}.google-sign-in-button:focus{outline:none;box-shadow:0 0 0 2px rgba(66,133,244,.3)}.google-sign-in-button:active{background-color:#f1f3f4;transform:scale(.98)}.google-sign-in-button:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}.google-sign-in-button svg{flex-shrink:0;transition:transform .2s ease}.google-sign-in-button:hover svg{transform:scale(1.05)}.split-view-active .auth-container{display:none!important}.animate-fade-in{animation:fadeIn .2s ease-in-out forwards}.input-prompt{text-align:center;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#333}.input-prompt-subtitle{text-align:center;font-size:1rem;font-weight:400;margin-bottom:1.5rem;color:#666;max-width:500px;margin-left:auto;margin-right:auto}.book-display-controls{display:flex;align-items:center;margin-left:auto;padding:8px}.book-display-toggle{display:none!important;padding:8px;background:none;border:none;border-radius:50%;color:var(--text-secondary);transition:color .2s,background-color .2s}.book-display-toggle,.copy-all-button{align-items:center;justify-content:center;cursor:pointer}.copy-all-button{display:inline-flex;background-color:var(--brand-gold-500);color:#0c2523;font-weight:500;font-size:11px;border:none;border-radius:18px;padding:8px 12px;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:0 1px 3px rgba(196,162,60,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);letter-spacing:-.01em;min-height:36px;white-space:nowrap;position:relative;overflow:hidden;margin-left:8px}.copy-all-button svg{margin-right:4px;width:14px;height:14px;transition:transform .15s ease;flex-shrink:0}.copy-all-button:hover{background-color:var(--brand-gold-600);transform:translateY(-1px);box-shadow:0 2px 8px rgba(196,162,60,.35)}.copy-all-button:hover svg{transform:scale(1.05)}.copy-all-button:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,113,227,.25)}.copy-all-button.copied{background-color:#30d158;box-shadow:0 1px 3px rgba(48,209,88,.25)}.copy-all-button.copied:hover{background-color:#28a745;box-shadow:0 2px 8px rgba(48,209,88,.35)}.katex-display{overflow-x:auto;overflow-y:hidden;padding:1rem 0}.markdown-body pre{margin:1rem 0;border-radius:6px;overflow:auto}.markdown-body code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;background:#f6f8fa;padding:.2em .4em;border-radius:3px}.stop-questions-button.enhanced{background:linear-gradient(135deg,#2D5016,#22543D);border:none;padding:12px 20px;border-radius:30px;box-shadow:0 4px 12px rgba(45,80,22,.35);transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;margin-top:12px;margin-right:0;margin-bottom:12px;font-weight:600;font-size:14px;color:white;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.15);animation:stop-button-attention 4s ease-in-out infinite;height:44px;display:inline-flex;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}.stop-questions-button.enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0));transform:skewX(-15deg);transition:all .5s;z-index:-1}.stop-questions-button.enhanced:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px rgba(45,80,22,.5),0 0 0 4px rgba(45,80,22,.2);background:linear-gradient(135deg,#1F3D0F,#1A4B32);filter:brightness(1.1);animation:none}.stop-questions-button.enhanced:hover:before{left:100%;transition:.7s}.stop-questions-button.enhanced:active{transform:translateY(-1px);box-shadow:0 3px 8px rgba(45,80,22,.4)}.stop-questions-button.enhanced .button-icon{background-color:rgba(255,255,255,.2);border-radius:50%;width:30px;height:30px;padding:5px;margin-right:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.15),inset 0 1px 2px rgba(255,255,255,.3);animation:icon-glow 4s ease-in-out infinite}@keyframes icon-glow{0%,45%,to{box-shadow:0 2px 6px rgba(0,0,0,.15),inset 0 1px 2px rgba(255,255,255,.3)}15%{box-shadow:0 2px 8px rgba(0,0,0,.2),inset 0 1px 3px rgba(255,255,255,.5),0 0 8px rgba(255,255,255,.4)}30%{box-shadow:0 2px 6px rgba(0,0,0,.15),inset 0 1px 2px rgba(255,255,255,.3)}}.stop-questions-button.enhanced .tooltip{font-weight:400;letter-spacing:normal;text-shadow:none}@keyframes stop-button-attention{0%{transform:scale(1);box-shadow:0 4px 12px rgba(45,80,22,.35),0 0 0 0 rgba(45,80,22,.7)}15%{transform:scale(1.05);box-shadow:0 6px 16px rgba(45,80,22,.4),0 0 0 8px rgba(45,80,22,.3)}30%{transform:scale(1);box-shadow:0 4px 12px rgba(45,80,22,.35),0 0 0 12px rgba(45,80,22,.1)}45%{transform:scale(1);box-shadow:0 4px 12px rgba(45,80,22,.35),0 0 0 0 rgba(45,80,22,0)}to{transform:scale(1);box-shadow:0 4px 12px rgba(45,80,22,.35),0 0 0 0 rgba(45,80,22,0)}}.chat-input-wrapper .input-tooltip,.floating-input-container .input-tooltip{bottom:calc(100% + 8px)}.sidebar-tokens:hover:after{transition:none}@media (max-width:768px){.book-generation-status{flex-direction:column;align-items:stretch;padding:12px 16px;padding-bottom:calc(16px + var(--safe-area-bottom));gap:12px;max-height:180px;overflow-y:auto}.generation-status-left{flex:none}.tokens-display{align-self:center;order:-1}.book-stats{min-width:150px}.status-section{min-width:60px}.time-estimate-section{min-width:90px}.generation-status-buttons{justify-content:center;width:100%;flex-wrap:wrap;gap:8px}.book-generation-status .generation-status-left{order:1}.book-generation-status .tokens-display{order:0;margin-bottom:4px}.book-generation-status .generation-status-buttons{order:2;margin-top:4px}.post-production-dropdown{position:fixed;bottom:200px;left:50%;transform:translateX(-50%);right:auto;max-width:90vw;min-width:260px}.centered-floating-input .input-prompt{font-size:1.5rem}.book-content-body{padding:1.5rem 1rem}.chapter-section h1{font-size:1.5rem}.chapter-section h2{font-size:1.2rem}.right-panel-header{padding:8px 12px}.right-panel-token-display{padding:6px 10px}.token-icon{width:30px;height:30px}.token-value{font-size:14px}.token-label{font-size:10px}.split-view-container{flex-direction:column}.split-view-left,.split-view-right{width:100%;height:50vh}.split-view-left{border-right:none;border-bottom:1px solid rgba(0,0,0,.1)}.split-view-active .floating-input-container{width:100%}}@media (max-width:640px){.generation-status-buttons{justify-content:center;width:100%;gap:6px;flex-wrap:wrap}.book-generation-status{max-height:160px;padding:10px 14px;gap:8px}.tokens-display{padding:4px 8px;gap:6px}.tokens-display .tokens-label{font-size:12px}.tokens-display .tokens-value{font-size:13px}.book-stats{min-width:120px}.status-section{min-width:50px}.time-estimate-section{min-width:70px}.status-bar-button{min-width:70px;height:32px;font-size:13px;padding:0 12px}.post-production-dropdown{bottom:170px;max-width:95vw;min-width:240px}.dropdown-item{padding:10px 14px}.dropdown-item-icon{width:28px;height:28px}.sample-prompts{gap:8px}.sample-prompt-button{font-size:13px;padding:7px 12px}.book-content-tabs{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 10px}.book-content-tabs::-webkit-scrollbar{display:none}.copy-all-button{font-size:10px;padding:6px 10px;border-radius:16px;min-height:32px;margin-left:6px}.copy-all-button svg{width:12px;height:12px;margin-right:3px}.book-tab{flex:0 0 auto;padding:12px 16px;white-space:nowrap}.split-view-left,.split-view-right{height:100vh;position:absolute;top:0;left:0;width:100%;transition:transform .3s ease}.split-view-left{transform:translateX(0);z-index:2}.split-view-right{transform:translateX(100%);z-index:1}.content-view-active .split-view-left{transform:translateX(-100%)}.content-view-active .split-view-right{transform:translateX(0)}.split-view-left .chat-input-wrapper{padding:12px;padding-bottom:var(--bottom-spacing)}.split-view-right .book-content-body{padding:16px;height:calc(100% - 80px)}.copy-all-button{font-size:9px;padding:4px 8px;border-radius:14px;min-height:28px;margin-left:4px}.copy-all-button svg{width:10px;height:10px;margin-right:2px}}.high-contrast-button{color:white!important;font-weight:600!important;text-shadow:0 1px 1px rgba(0,0,0,.3)!important}.high-contrast-button svg{stroke:white!important;stroke-width:2.5!important}.modal-content button.bg-black,.modal-content button.bg-gray-900{color:white!important;font-weight:600!important;background-color:#000!important}.modal-content button.bg-black svg,.modal-content button.bg-gray-900 svg{stroke:white!important;stroke-width:2.5!important}[class*=bg-gray-900] p{color:white!important}.book-generation-status{z-index:1000}.book-generation-status,.generation-status-buttons{overflow:visible!important;position:relative}.status-bar-button,.tokens-display button{position:relative}.chat-history-sidebar .tooltip,.chat-history-sidebar .tooltip-on-hover{position:fixed!important;z-index:15000!important;left:50%!important;top:unset!important;bottom:-44px!important;transform:translateX(-50%)!important;background:#222!important;color:#fff!important;padding:7px 14px!important;border-radius:7px!important;font-size:13px!important;white-space:nowrap!important;opacity:0;pointer-events:none;box-shadow:0 2px 12px rgba(0,0,0,.18)!important;transition:opacity .15s!important;max-width:260px!important;overflow-wrap:break-word!important;word-break:break-word!important}.chat-history-sidebar .tooltip-on-hover:after,.chat-history-sidebar .tooltip:after{content:"";position:absolute;top:-12px;left:50%;margin-left:-6px;border:6px solid transparent;border-bottom-color:#222}.support-tooltip{position:absolute;left:auto;right:120%;top:50%;bottom:auto;transform:translateY(-50%);background:linear-gradient(135deg,#222 80%,#444);color:#fff;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;z-index:15000;transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 18px rgba(0,0,0,.18);max-width:260px;overflow-wrap:break-word;word-break:break-word;letter-spacing:.01em;filter:drop-shadow(0 2px 8px rgba(0,0,0,.12))}button:focus .support-tooltip,button:hover .support-tooltip{opacity:1;pointer-events:auto;transform:translateY(-50%) translateX(-8px) scale(1.03)}.support-tooltip:after{content:"";position:absolute;left:100%;top:50%;margin-top:-7px;border:7px solid transparent;border-left-color:#222;filter:drop-shadow(2px 0 2px rgba(0,0,0,.1))}.tokens-buy-tooltip{position:absolute;left:50%;bottom:130%;transform:translateX(-50%);background:#222;color:#fff;padding:7px 14px;border-radius:7px;font-size:13px;white-space:nowrap;opacity:0;pointer-events:none;z-index:15000;transition:opacity .15s,transform .15s;box-shadow:0 2px 12px rgba(0,0,0,.18)}.tokens-buy-button:focus .tokens-buy-tooltip,.tokens-buy-button:hover .tokens-buy-tooltip{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(-4px) scale(1.03)}.tokens-buy-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:#222}.tokens-info-container{position:relative;display:flex;align-items:center;gap:4px}.support-modal-btn{transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(0,0,0,.08);will-change:transform,box-shadow}.support-modal-btn:hover{transform:translateY(-2px) scale(1.035);box-shadow:0 6px 18px rgba(0,0,0,.13);filter:brightness(1.04)}.support-modal-btn:active{transform:scale(.97);box-shadow:0 2px 8px rgba(0,0,0,.1)}.support-modal-appstore-badge{transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(0,0,0,.08);border-radius:8px;will-change:transform,box-shadow}.support-modal-appstore-badge:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 24px rgba(0,0,0,.16);filter:brightness(1.05)}.support-modal-appstore-badge:active{transform:scale(.97);box-shadow:0 2px 8px rgba(0,0,0,.1)}.dropdown-item.generating{background-color:rgba(10,132,255,.05);border-color:rgba(10,132,255,.2);cursor:default}.dropdown-item-progress{margin-top:8px;width:100%}.progress-bar-container{width:100%;height:4px;background-color:rgba(10,132,255,.1);border-radius:2px;overflow:hidden;margin-bottom:4px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--brand-gold-500) 0,var(--brand-gold-600) 100%);border-radius:2px;transition:width .3s ease;position:relative}.progress-bar.indeterminate{width:30%;animation:progressIndeterminate 1.5s ease-in-out infinite}@keyframes progressIndeterminate{0%{transform:translateX(-100%)}to{transform:translateX(333%)}}.progress-message{font-size:11px;color:#666;font-weight:400;line-height:1.2}.progress-stats{font-size:10px;color:#888;margin-top:2px}[style*="background-color: rgba(28, 28, 30"] .dropdown-item.generating{background-color:rgba(10,132,255,.1);border-color:rgba(10,132,255,.3)}[style*="background-color: rgba(28, 28, 30"] .progress-bar-container{background-color:rgba(255,255,255,.1)}[style*="background-color: rgba(28, 28, 30"] .progress-message{color:rgba(255,255,255,.7)}[style*="background-color: rgba(28, 28, 30"] .progress-stats{color:rgba(255,255,255,.5)}.dropdown-item.complete{background-color:rgba(48,209,88,.05);border-color:rgba(48,209,88,.2)}.progress-bar.complete{background:linear-gradient(90deg,#30d158,#28cd4c)}.progress-message.complete{color:#30d158;font-weight:500}.dropdown-item.error{background-color:rgba(255,59,48,.05);border-color:rgba(255,59,48,.2)}.progress-bar.error{background:linear-gradient(90deg,#ff3b30,#e6342a)}.progress-message.error{color:#ff3b30;font-weight:500}.loading-spinner-enhanced{width:14px;height:14px;border-radius:50%;border:2px solid rgba(10,132,255,.2);border-top-color:#0071e3;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.post-production-dropdown.stay-open{pointer-events:auto}.dropdown-item:disabled.generating{opacity:1;background-color:rgba(10,132,255,.05)}.split-view-right .book-content-container{height:100%;border-left:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;flex:1}.split-view-right .book-content-body{flex:1;display:flex;flex-direction:column;padding-bottom:0;max-height:none;height:calc(100% - 92px);overflow-y:auto}.split-view-right .chapters-container{flex:1;overflow-y:auto;padding-bottom:0;margin-bottom:0}.post-production-menu-container .status-bar-button .tooltip-on-hover{position:fixed;left:auto;right:24px;bottom:90px;transform:none;background:black;color:white;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:400;white-space:nowrap;opacity:0;pointer-events:none;z-index:50;transition:opacity .2s ease;text-align:center;line-height:1.4}.post-production-menu-container .status-bar-button:hover .tooltip-on-hover{opacity:1;pointer-events:auto}@media (max-width:768px){.post-production-menu-container .status-bar-button .tooltip-on-hover{right:16px;bottom:70px;font-size:11px;padding:3px 10px}}@media (max-width:640px){.post-production-menu-container .status-bar-button .tooltip-on-hover{right:12px;bottom:65px;font-size:10px;padding:2px 8px}}.book-completion-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:overlay-fade-in .3s ease-out}.book-completion-modal{position:relative;background:white;border-radius:20px;padding:40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:modal-slide-up .4s cubic-bezier(.34,1.56,.64,1);text-align:center}.book-completion-modal.dark{background:rgba(28,28,30,.95);color:white}.completion-content{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.completion-content.visible{opacity:1;transform:translateY(0)}.completion-checkmark{margin-bottom:24px;animation:checkmark-celebration .8s cubic-bezier(.68,-.55,.265,1.55) .3s backwards}.celebration-checkmark{filter:drop-shadow(0 0 20px rgba(48,209,88,.3))}.completion-message h2{font-size:2.5rem;font-weight:700;margin:0 0 12px;background:linear-gradient(45deg,#30d158,#34c759);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-shimmer 2s ease-in-out infinite}.completion-message p{font-size:1.2rem;color:#666;margin:0 0 32px;line-height:1.5}.book-completion-modal.dark .completion-message p{color:rgba(255,255,255,.7)}.completion-stats{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:32px;padding:20px;background:rgba(48,209,88,.05);border-radius:12px;border:1px solid rgba(48,209,88,.1)}.book-completion-modal.dark .completion-stats{background:rgba(48,209,88,.1);border-color:rgba(48,209,88,.2)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:1.8rem;font-weight:700;color:#30d158;animation:number-count-up 1s ease-out .5s backwards}.stat-label{font-size:.9rem;color:#666;font-weight:500}.book-completion-modal.dark .stat-label{color:rgba(255,255,255,.6)}.stat-divider{color:#ccc;font-size:1.2rem}.completion-actions{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.completion-button{padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:140px;position:relative;overflow:hidden}.completion-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.completion-button:hover:before{left:100%}.completion-button.primary{background:linear-gradient(45deg,#30d158,#34c759);color:white;box-shadow:0 4px 15px rgba(48,209,88,.3)}.completion-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(48,209,88,.4)}.completion-button.secondary{background:transparent;color:#30d158;border:2px solid #30d158}.completion-button.secondary:hover{background:#30d158;color:white;transform:translateY(-2px)}.toast-notification{transition:opacity .3s ease,transform .3s ease;opacity:1}.toast-notification.hiding{opacity:0;transform:translate(-50%,10px)}.book-generation-status.book-complete.just-completed{position:relative;box-shadow:0 0 0 0 rgba(48,209,88,.4);animation:book-complete-glow 1.4s ease-out 2}@keyframes book-complete-glow{0%{box-shadow:0 0 0 0 rgba(48,209,88,.6)}60%{box-shadow:0 0 0 20px rgba(48,209,88,0)}to{box-shadow:0 0 0 0 rgba(48,209,88,0)}}.book-status-progress-indicator .animating{animation:checkmark-bounce .6s cubic-bezier(.34,1.56,.64,1) 1}.status-bar-button.download-button.attention{animation:gentle-pop .9s ease .7s 1}@keyframes gentle-pop{0%{transform:scale(1)}40%{transform:scale(1.06);box-shadow:0 8px 24px rgba(0,0,0,.08)}to{transform:scale(1);box-shadow:none}}.post-production-menu-container .completion-hint-bubble{position:absolute;right:0;bottom:44px;transform:translateY(6px);background:#111827;color:#fff;font-size:12px;line-height:1.2;padding:8px 10px;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.18);white-space:nowrap;opacity:0;animation:hint-fade-in .25s ease-out .9s forwards;z-index:10}.post-production-menu-container .completion-hint-bubble:after{content:"";position:absolute;bottom:-6px;right:12px;width:10px;height:10px;background:#111827;transform:rotate(45deg)}@keyframes hint-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(6px)}}.completion-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#666;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.completion-close:hover{background:rgba(0,0,0,.1);color:#333}.book-completion-modal.dark .completion-close{color:rgba(255,255,255,.6)}.book-completion-modal.dark .completion-close:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9)}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;background:#30d158;animation:confetti-fall 3s linear infinite}.apple-checkmark-container.animating .checkmark-background{animation:checkmark-bounce .6s cubic-bezier(.68,-.55,.265,1.55)}.apple-checkmark-container.animating .checkmark-svg{stroke-dasharray:40;stroke-dashoffset:40;animation:draw-checkmark .8s cubic-bezier(.65,0,.45,1) .3s forwards}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes checkmark-celebration{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0deg)}to{transform:scale(1) rotate(0deg)}}@keyframes title-shimmer{0%,to{opacity:1}50%{opacity:.8}}@keyframes number-count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(1turn);opacity:0}}@keyframes checkmark-bounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes draw-checkmark{to{stroke-dashoffset:0}}@media (max-width:640px){.book-completion-modal{padding:30px 20px;border-radius:16px}.completion-message h2{font-size:2rem}.completion-stats{flex-direction:column;gap:16px}.stat-item{flex-direction:row;gap:8px}.stat-divider{display:none}.completion-actions{flex-direction:column}.completion-button{width:100%}}