.questions-step-container{max-width:800px;margin:0 auto;padding:2rem}.questions-step-container h2{margin-bottom:.5rem;color:#213547}.questions-intro{color:#666;margin-bottom:2rem;font-size:1rem;line-height:1.6}.questions-form{display:flex;flex-direction:column;gap:1.5rem}.question-item{display:flex;flex-direction:column;gap:.5rem}.question-label{font-weight:500;color:#213547;display:flex;align-items:center;gap:.5rem}.optional-badge{font-size:.875rem;font-weight:400;color:#666;font-style:italic}.question-input{padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .2s}.question-input:focus{outline:none;border-color:#646cff}.questions-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.back-button{padding:.75rem 2rem;font-size:1rem;font-weight:500;background-color:#f5f5f5;color:#213547;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#e0e0e0}.submit-button{padding:.75rem 2rem;font-size:1rem;font-weight:500;background-color:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:#535bf2}.submit-button:disabled{opacity:.6;cursor:not-allowed}.error-banner{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:4px;margin-bottom:1rem}@media (prefers-color-scheme: dark){.questions-step-container h2,.question-label{color:#ffffffde}.questions-intro,.optional-badge{color:#fff9}.question-input{background-color:#1a1a1a;color:#ffffffde;border-color:#444}.back-button{background-color:#2a2a2a;color:#ffffffde;border-color:#444}.back-button:hover{background-color:#3a3a3a}}.draft-viewer{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;overflow:hidden}.draft-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}.draft-header h2{margin:0;font-size:1.25rem;color:#213547}.draft-version{font-size:.875rem;color:#666;background-color:#e0e0e0;padding:.25rem .75rem;border-radius:12px}.draft-content{flex:1;overflow-y:auto;padding:1.5rem}.draft-title{padding:1.5rem;border-bottom:2px solid #e0e0e0;background-color:#fafafa}.draft-title h1{margin:0;font-size:2rem;color:#213547;font-weight:600}.draft-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;line-height:1.6;color:#213547;white-space:pre-wrap;word-wrap:break-word;margin:0}.draft-markdown{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;line-height:1.8;color:#213547}.draft-markdown h1{font-size:2rem;margin-top:1.5rem;margin-bottom:1rem;color:#213547;font-weight:600}.draft-markdown h2{font-size:1.5rem;margin-top:1.25rem;margin-bottom:.75rem;color:#213547;font-weight:600}.draft-markdown h3{font-size:1.25rem;margin-top:1rem;margin-bottom:.5rem;color:#213547;font-weight:600}.draft-markdown p{margin:.75rem 0}.draft-markdown ul,.draft-markdown ol{margin:.75rem 0;padding-left:2rem}.draft-markdown li{margin:.5rem 0}.draft-markdown strong{font-weight:600;color:#213547}.draft-markdown em{font-style:italic}.draft-markdown code{background-color:#f5f5f5;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.draft-markdown pre{background-color:#f5f5f5;padding:1rem;border-radius:4px;overflow-x:auto;margin:1rem 0}.draft-markdown pre code{background-color:transparent;padding:0}@media (prefers-color-scheme: dark){.draft-viewer{background:#1a1a1a}.draft-header{background-color:#2a2a2a;border-bottom-color:#444}.draft-header h2{color:#ffffffde}.draft-version{color:#fff9;background-color:#333}.draft-title{background-color:#2a2a2a;border-bottom-color:#444}.draft-title h1,.draft-text,.draft-markdown,.draft-markdown h1,.draft-markdown h2,.draft-markdown h3,.draft-markdown strong{color:#ffffffde}.draft-markdown code{background-color:#333;color:#ffffffde}.draft-markdown pre{background-color:#333}}.draft-chat{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:8px;padding:1.5rem}.chat-header{margin-bottom:1rem}.chat-header h3{margin:0 0 .5rem;font-size:1.125rem;color:#213547}.chat-subtitle{margin:0;font-size:.875rem;color:#666}.error-banner{background-color:#fee;color:#c33;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.875rem}.chat-form{display:flex;flex-direction:column;gap:1rem;flex:1}.chat-input{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s}.chat-input:focus{outline:none;border-color:#646cff}.chat-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.chat-actions{display:flex;gap:1rem;justify-content:flex-end}.validate-button,.send-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.validate-button{background-color:#4caf50;color:#fff}.validate-button:hover:not(:disabled){background-color:#45a049}.send-button{background-color:#646cff;color:#fff}.send-button:hover:not(:disabled){background-color:#535bf2}.validate-button:disabled,.send-button:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.draft-chat{background:#1a1a1a}.chat-header h3{color:#ffffffde}.chat-subtitle{color:#fff9}.error-banner{background-color:#3a1a1a;color:#ff6b6b}.chat-input{background-color:#2a2a2a;color:#ffffffde;border-color:#444}.chat-input:focus{border-color:#646cff}.chat-input:disabled{background-color:#1a1a1a}}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#646cff,#747bff);border-radius:15px;will-change:width}.process-progress-indicator{background:#fffffff2;border:1px solid var(--border-light, #e0e0e0);border-radius:var(--radius-lg, 12px);padding:1rem 1.25rem;box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1));margin-bottom:1rem}.process-progress-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.process-progress-status{display:flex;align-items:center;gap:.5rem;flex:1}.process-progress-icon{color:var(--primary, #8b5cf6);flex-shrink:0}.process-progress-icon.spinning{animation:spin 1s linear infinite}.process-progress-icon.success{color:#34c759}.process-progress-icon.error{color:#dc2626}.process-progress-text{font-size:.875rem;font-weight:500;color:var(--text-primary, #1a1a1a);font-family:Outfit,sans-serif}.process-progress-time{font-size:.75rem;color:var(--text-secondary, #666);font-family:Outfit,sans-serif;white-space:nowrap}.process-progress-dismiss{background:none;border:none;color:var(--text-secondary, #666);font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, 4px);transition:all var(--transition-fast);flex-shrink:0}.process-progress-dismiss:hover{background:#0000000d;color:var(--text-primary, #1a1a1a)}.process-progress-bar-wrapper{margin-top:.5rem}.process-progress-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md, 8px);margin-top:.5rem;font-size:.875rem;color:#dc2626}.process-progress-error svg{flex-shrink:0}.process-progress-error span{flex:1}.process-progress-retry{padding:.375rem .75rem;background:#dc2626;color:#fff;border:none;border-radius:var(--radius-sm, 4px);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:Outfit,sans-serif;white-space:nowrap}.process-progress-retry:hover{background:#b91c1c;transform:translateY(-1px)}.process-progress-retry:active{transform:translateY(0)}.process-progress-success{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-md, 8px);margin-top:.5rem;font-size:.875rem;color:#22c55e}.process-progress-success svg{flex-shrink:0}.process-progress-loading{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary, #666)}.process-progress-loading .process-progress-icon{animation:spin 1s linear infinite}.draft-step{max-width:1400px;margin:0 auto;padding:2rem}.back-button{margin-bottom:1rem;padding:.5rem 1rem;background-color:#f0f0f0;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;transition:background-color .2s}.back-button:hover:not(:disabled){background-color:#e0e0e0}.back-button:disabled{opacity:.6;cursor:not-allowed}.draft-step-content{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;height:calc(100vh - 200px);min-height:600px}.draft-viewer-container,.draft-chat-container{overflow:hidden}.draft-step-loading,.draft-step-error{max-width:800px;margin:0 auto;padding:2rem;text-align:center}.draft-step-loading h2,.draft-step-error h2{margin-bottom:1rem;color:#213547}.draft-step-error .error-text{color:#c33;margin:1rem 0}.draft-step-error button{padding:.75rem 1.5rem;background-color:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.draft-step-error button:hover{background-color:#535bf2}@media (max-width: 1024px){.draft-step-content{grid-template-columns:1fr;grid-template-rows:1fr auto;height:auto;min-height:auto}.draft-viewer-container{min-height:400px;max-height:600px}.draft-chat-container{max-height:300px}}@media (prefers-color-scheme: dark){.back-button{background-color:#333;color:#ffffffde}.back-button:hover:not(:disabled){background-color:#444}.draft-step-loading h2,.draft-step-error h2{color:#ffffffde}.draft-step-error .error-text{color:#ff6b6b}}.alert-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.alert-modal-content{background-color:var(--surface, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-modal);max-width:500px;width:90%;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}.alert-modal-header{padding:1.5rem;border-bottom:1px solid var(--border-light, #e0e0e0)}.alert-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary, #213547);font-weight:600}.alert-modal-info{border-left:4px solid var(--primary, #646cff)}.alert-modal-success{border-left:4px solid #4caf50}.alert-modal-warning{border-left:4px solid #ff9800}.alert-modal-error{border-left:4px solid #f44336}.alert-modal-body{padding:1.5rem}.alert-modal-body p{margin:0;color:var(--text-secondary, #666);line-height:1.6;font-size:1rem;white-space:pre-line}.alert-modal-footer{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--border-light, #e0e0e0);background-color:var(--bg-secondary, #f9f9f9)}.alert-modal-button{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px;color:#fff}.alert-modal-info{background-color:var(--primary, #646cff)}.alert-modal-info:hover{background-color:var(--primary-hover, #535bf2)}.alert-modal-success{background-color:#4caf50}.alert-modal-success:hover{background-color:#45a049}.alert-modal-warning{background-color:#ff9800}.alert-modal-warning:hover{background-color:#f57c00}.alert-modal-error{background-color:#f44336}.alert-modal-error:hover{background-color:#d32f2f}@media (max-width: 768px){.alert-modal-content{width:95%}.alert-modal-header,.alert-modal-body{padding:1rem}.alert-modal-footer{padding:.75rem 1rem}.alert-modal-button{width:100%}}.writing-step{max-width:1200px;margin:0 auto;padding:2rem}.writing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.writing-header h2{margin:0;color:#213547}.completion-badge{background-color:#4caf50;color:#fff;padding:.5rem 1rem;border-radius:4px;font-weight:700}.progress-container{margin-bottom:2rem}.progress-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.progress-status{display:flex;justify-content:space-between;align-items:center;gap:1rem}.progress-label{font-size:1rem;font-weight:600;color:#213547}.progress-counter{font-size:.95rem;font-weight:600;color:#666;background:#646cff1a;padding:.25rem .75rem;border-radius:12px;white-space:nowrap;flex-shrink:0}.progress-chapter-name{font-size:.95rem;color:#555;line-height:1.4;padding-left:0;word-break:break-word}.progress-text{font-size:1.1rem;font-weight:500;color:#213547}.progress-percentage{font-size:1rem;color:#666}.estimated-time{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background-color:#f5f5f5;border-radius:4px;font-size:.9rem;color:#555}.estimated-time .time-icon{font-size:1.1rem}.estimated-time .time-text{flex:1}.progress-bar-container{width:100%;height:30px;background-color:#e0e0e0;border-radius:15px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#646cff,#747bff);transition:width .3s ease;border-radius:15px}.critique-loading-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background-color:#e3f2fd;border-radius:4px;border-left:3px solid #2196f3;font-size:.9rem;color:#1976d2}.critique-error-indicator{margin-top:.75rem;padding:.75rem;background-color:#ffebee;border-radius:4px;border-left:3px solid #f44336;font-size:.9rem;color:#b71c1c;display:flex;align-items:center;justify-content:space-between;gap:1rem}.retry-critique-button{padding:.5rem .75rem;border:none;border-radius:6px;background-color:#f44336;color:#fff;font-weight:600;cursor:pointer}.retry-critique-button:disabled{opacity:.6;cursor:not-allowed}.critique-loading-indicator .loading-spinner{font-size:1.2rem;animation:spin 2s linear infinite}.error-message{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid #c62828}.paused-message{background-color:#fff3e0;color:#e65100;border-left-color:#ff9800;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.paused-message p{margin:.5rem 0 0;color:#e65100}.resume-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background-color:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.resume-button:hover:not(:disabled){background-color:#f57c00}.resume-button:disabled{opacity:.6;cursor:not-allowed}.completed-chapters{margin-top:2rem}.completed-chapters h3{margin-bottom:1rem;color:#213547}.chapters-list{display:grid;gap:1rem}.chapter-item{background-color:#f5f5f5;padding:1rem;border-radius:4px;border-left:4px solid #646cff}.chapter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.chapter-item h4{margin:0;color:#213547}.chapter-pages{font-size:.85rem;color:#666;background-color:#e3f2fd;padding:.25rem .5rem;border-radius:4px;font-weight:500}.chapter-preview{color:#666;font-size:.9rem;margin:0;line-height:1.5}.completion-message{background-color:#e8f5e9;padding:2rem;border-radius:8px;text-align:center;margin-top:2rem;border:2px solid #4caf50}.completion-message h3{margin:0 0 1rem;color:#2e7d32}.completion-message p{margin:0;color:#1b5e20;font-size:1.1rem}.total-pages-info,.writing-time-info{margin:.5rem 0;color:#1b5e20;font-size:1rem}.critique-section{margin-top:2rem;padding:1.5rem;background-color:#f5f5f5;border-radius:8px;border:1px solid #ddd;text-align:left}.critique-section h4{margin:0 0 1rem;color:#213547;font-size:1.2rem}.critique-score{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;background-color:#fff;border-radius:8px;border:1px solid #ddd;overflow:hidden;max-width:100%}.critique-section .score-label{font-weight:500;color:#666;flex-shrink:0}.writing-step .critique-section .critique-score-value{font-size:1.5rem!important;font-weight:700;flex-shrink:0;max-width:80px;text-align:right}.critique-summary,.critique-pros,.critique-cons{margin-top:1rem;padding:1rem;background-color:#fff;border-radius:4px;border-left:3px solid #646cff}.critique-summary strong,.critique-pros strong,.critique-cons strong{display:block;margin-bottom:.5rem;color:#213547}.critique-summary p,.critique-pros p,.critique-cons p,.critique-pros ul,.critique-cons ul{margin:0;color:#666;line-height:1.6;white-space:pre-wrap}.completion-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.view-book-button{padding:.75rem 2rem;font-size:1rem;font-weight:500;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.view-book-button:hover{background-color:#1565c0}.completion-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.download-pdf-button{padding:.75rem 2rem;font-size:1rem;font-weight:500;background-color:#2e7d32;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.download-pdf-button:hover:not(:disabled){background-color:#1b5e20}.download-pdf-button:disabled{opacity:.6;cursor:not-allowed}.new-book-button{padding:.75rem 2rem;font-size:1rem;font-weight:500;background-color:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.new-book-button:hover{background-color:#535bf2}.loading{text-align:center;padding:2rem}.error-container{background-color:#ffebee;padding:2rem;border-radius:8px;border-left:4px solid #c62828}.error-container h3{margin:0 0 1rem;color:#c62828}.error-container p{margin:0;color:#666}.step-indicator{display:flex;flex-direction:column;gap:0;padding:var(--spacing-lg);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);min-width:200px;position:relative}.step-indicator-item{display:flex;flex-direction:column;align-items:flex-start;position:relative}.step-indicator-content{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) 0;transition:all var(--transition-smooth);cursor:default}.step-indicator-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--surface-elevated);border:1px solid var(--border);flex-shrink:0;transition:all var(--transition-smooth);position:relative;will-change:transform,box-shadow}.step-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--transition-smooth)}.step-checkmark{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;animation:checkmarkAppear .4s cubic-bezier(.34,1.56,.64,1)}@keyframes checkmarkAppear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.step-indicator-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.step-label{font-family:Outfit,sans-serif;font-weight:400;font-size:.95rem;color:var(--text-secondary);transition:all var(--transition-smooth);line-height:1.4}.step-progress-detail{font-family:Outfit,sans-serif;font-size:.8rem;color:var(--text-muted);font-weight:400;margin-top:.125rem}.step-indicator-content.completed .step-indicator-icon{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);border-color:var(--success);box-shadow:0 2px 8px #10b98133,0 0 0 1px #10b9811a inset;transform:scale(1)}.step-indicator-content.completed .step-indicator-icon:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b9814d,0 0 0 1px #10b98126 inset}.step-indicator-content.completed .step-label{color:var(--text-primary);font-weight:500}.step-indicator-content.completed .step-icon{color:#fff}.step-indicator-content.current .step-indicator-icon{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light),0 4px 12px var(--accent-glow),0 0 0 1px #c9485b33 inset;animation:pulseElegant 2.5s cubic-bezier(.4,0,.6,1) infinite;position:relative}.step-indicator-content.current .step-indicator-icon:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:radial-gradient(circle at center,var(--accent-glow) 0%,transparent 70%);opacity:.6;animation:glowPulse 2.5s ease-in-out infinite;z-index:-1}@keyframes pulseElegant{0%,to{box-shadow:0 0 0 4px var(--accent-light),0 4px 12px var(--accent-glow),0 0 0 1px #c9485b33 inset}50%{box-shadow:0 0 0 8px #c9485b14,0 6px 16px var(--accent-glow),0 0 0 1px #c9485b40 inset}}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.step-indicator-content.current .step-label{color:var(--accent);font-weight:600;letter-spacing:.01em}.step-indicator-content.current .step-icon{color:#fff}.step-indicator-content.pending .step-indicator-icon{background:var(--surface-elevated);border-color:var(--border-light);opacity:.5}.step-indicator-content.pending .step-label{color:var(--text-muted);opacity:.6;font-weight:400}.step-indicator-content.pending .step-icon{color:var(--text-muted);opacity:.5}.step-indicator-line{width:1.5px;height:2rem;background:var(--border);margin-left:1.25rem;margin-top:.25rem;margin-bottom:.25rem;transition:all var(--transition-smooth);flex-shrink:0;position:relative;overflow:hidden}.step-indicator-line:before{content:"";position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,var(--success) 0%,rgba(16,185,129,.6) 100%);transition:height var(--transition-elegant)}.step-indicator-line.completed{width:2px;background:linear-gradient(180deg,var(--success) 0%,rgba(16,185,129,.8) 100%)}.step-indicator-line.completed:before{height:100%;animation:lineFill .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes lineFill{0%{height:0%}to{height:100%}}@media (prefers-reduced-motion: reduce){.step-indicator-content,.step-indicator-icon,.step-indicator-line,.step-label{transition:none;animation:none}.step-checkmark,.step-indicator-content.current .step-indicator-icon{animation:none}.step-indicator-content.current .step-indicator-icon:before{animation:none}.step-indicator-line.completed:before{animation:none;height:100%}}@media (max-width: 968px){.step-indicator{flex-direction:row;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);gap:0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;min-width:100%;position:relative}.step-indicator::-webkit-scrollbar{display:none}.step-indicator-item{flex-direction:row;align-items:center;flex:0 0 auto;min-width:fit-content;position:relative}.step-indicator-content{flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:0;width:auto}.step-indicator-icon{width:2rem;height:2rem;margin-bottom:0}.step-icon,.step-checkmark{width:14px;height:14px}.step-indicator-text{text-align:center;gap:0;align-items:center}.step-label{font-size:.7rem;white-space:nowrap;line-height:1.2}.step-indicator-line{width:1.5rem;height:1.5px;margin:0;margin-left:.25rem;margin-right:.25rem;position:absolute;top:1rem;left:calc(100% - .5rem);transform:translateY(-50%)}.step-indicator-line:before{width:0%;height:100%;background:linear-gradient(90deg,var(--success) 0%,rgba(16,185,129,.6) 100%);transition:width var(--transition-elegant)}.step-indicator-line.completed{width:1.5rem;height:1.5px;background:linear-gradient(90deg,var(--success) 0%,rgba(16,185,129,.8) 100%)}.step-indicator-line.completed:before{width:100%;height:100%;animation:lineFillHorizontal .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes lineFillHorizontal{0%{width:0%}to{width:100%}}.step-progress-detail{font-size:.65rem;margin-top:.125rem}.step-indicator-content.current .step-indicator-icon{animation:pulseElegantMobile 2.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulseElegantMobile{0%,to{box-shadow:0 0 0 3px var(--accent-light),0 3px 8px var(--accent-glow),0 0 0 1px #c9485b33 inset}50%{box-shadow:0 0 0 6px #c9485b14,0 4px 12px var(--accent-glow),0 0 0 1px #c9485b40 inset}}}@media (max-width: 480px){.step-indicator{padding:var(--spacing-sm) var(--spacing-md);gap:0}.step-indicator-icon{width:1.75rem;height:1.75rem}.step-icon,.step-checkmark{width:12px;height:12px}.step-label{font-size:.65rem}.step-indicator-line{width:1rem;margin-left:.15rem;margin-right:.15rem;left:calc(100% - .3rem)}.step-progress-detail{font-size:.6rem}}.plot-textarea-wrapper{width:100%}.plot-textarea-wrapper label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary, #213547)}.plot-textarea-container{position:relative;display:flex;flex-direction:column;gap:.5rem}.plot-textarea{width:100%;padding:.75rem;border:2px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 10px);font-family:inherit;font-size:1rem;line-height:1.6;resize:none;min-height:120px;max-height:600px;overflow-y:auto;transition:border-color var(--transition-fast, .15s ease),height var(--transition-fast, .15s ease);background-color:var(--surface, #ffffff);color:var(--text-primary, #213547)}.plot-textarea:focus{outline:none;border-color:var(--accent, #c9485b);box-shadow:0 0 0 3px var(--accent-light, rgba(201, 72, 91, .1))}.plot-textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--surface-hover, #f1f5f9)}.plot-textarea.error{border-color:var(--accent, #c9485b)}.plot-expand-btn{align-self:flex-start;padding:.5rem 1rem;background:var(--surface-elevated, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 10px);color:var(--text-primary, #213547);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease);display:flex;align-items:center;gap:.25rem}.plot-expand-btn:hover:not(:disabled){background:var(--surface-hover, #f1f5f9);border-color:var(--accent, #c9485b);color:var(--accent, #c9485b)}.plot-expand-btn:disabled{opacity:.6;cursor:not-allowed}.plot-textarea-footer{margin-top:.5rem}.plot-counter{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-secondary, #64748b);flex-wrap:wrap}.plot-word-count,.plot-char-count{font-weight:500}.plot-hint{color:var(--warning, #f59e0b);font-style:italic}.error-message{display:block;margin-top:.5rem;color:var(--accent, #c9485b);font-size:.875rem}.plot-expanded-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.plot-expanded-modal{background:var(--surface, #ffffff);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1));width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out}.plot-expanded-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-light, #f1f5f9)}.plot-expanded-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #213547)}.plot-expanded-close-btn{padding:.5rem;background:transparent;border:none;border-radius:var(--radius-sm, 6px);color:var(--text-secondary, #64748b);font-size:1.5rem;line-height:1;cursor:pointer;transition:all var(--transition-fast, .15s ease);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.plot-expanded-close-btn:hover{background:var(--surface-hover, #f1f5f9);color:var(--text-primary, #213547)}.plot-expanded-modal-body{flex:1;overflow:auto;padding:1.5rem}.plot-expanded-textarea{width:100%;min-height:400px;padding:1rem;border:2px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 10px);font-family:inherit;font-size:1rem;line-height:1.6;resize:none;max-height:calc(90vh - 200px);overflow-y:auto;transition:border-color var(--transition-fast, .15s ease),height var(--transition-fast, .15s ease);background-color:var(--surface, #ffffff);color:var(--text-primary, #213547)}.plot-expanded-textarea:focus{outline:none;border-color:var(--accent, #c9485b);box-shadow:0 0 0 3px var(--accent-light, rgba(201, 72, 91, .1))}.plot-expanded-textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--surface-hover, #f1f5f9)}.plot-expanded-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border-light, #f1f5f9);gap:1rem;flex-wrap:wrap}.plot-expanded-close-action-btn{padding:.625rem 1.25rem;background:var(--accent, #c9485b);border:none;border-radius:var(--radius-md, 10px);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.plot-expanded-close-action-btn:hover{background:var(--accent-hover, #ff6b6b);transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}@media (max-width: 768px){.plot-expanded-modal{max-width:100%;max-height:100vh;border-radius:0}.plot-expanded-modal-header,.plot-expanded-modal-body,.plot-expanded-modal-footer{padding:1rem}.plot-expanded-textarea{min-height:300px}.plot-expanded-modal-footer{flex-direction:column;align-items:stretch}.plot-expanded-close-action-btn{width:100%}}.dynamic-form-container{max-width:850px;margin:0 auto;padding:2rem!important;animation:fadeInOpacity .3s ease-out forwards;will-change:opacity;transform:translateZ(0);background-color:transparent;min-height:calc(100vh - 200px);opacity:1!important;visibility:visible!important;display:block!important}.dynamic-form-layout{display:flex;gap:2.5rem;align-items:flex-start;max-width:1200px;margin:0 auto;padding:3rem 2.5rem;animation:fadeInOpacity .3s ease-out forwards;will-change:opacity;transform:translateZ(0);width:100%;min-height:400px;overflow-y:visible;overflow-x:hidden}.dynamic-form-layout .step-indicator-wrapper{flex-shrink:0;position:sticky;top:2rem}.dynamic-form-layout .dynamic-form-main-content{flex:1;min-width:0;background-color:transparent;width:100%;overflow-y:auto;overflow-x:hidden;position:relative;opacity:1!important;visibility:visible!important;display:block!important}.dynamic-form-layout .dynamic-form-main-content>.dynamic-form-container{padding:2rem!important;max-width:100%;width:100%}@media (max-width: 968px){.dynamic-form-layout{flex-direction:column;gap:1rem;padding:1.5rem 1rem}.dynamic-form-layout .step-indicator-wrapper{position:static;width:100%;order:-1}.dynamic-form-layout .step-indicator{min-width:auto;width:100%}}.dynamic-form-container h1{margin-bottom:.5rem;font-family:Playfair Display,Georgia,serif;color:var(--text-primary);font-size:2rem}.subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem}.dynamic-form{display:flex;flex-direction:column;gap:1.75rem;width:100%;min-width:0;opacity:1!important;visibility:visible!important;position:relative;z-index:1}.form-fields-base{display:flex;flex-direction:column;gap:1.75rem}.form-fields-advanced-section{margin-top:2rem;border-top:2px solid var(--border-light, #f1f5f9);padding-top:1.5rem}.advanced-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface-elevated, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 10px);color:var(--text-primary, #213547);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease);width:100%;text-align:left}.advanced-toggle:hover{background:var(--surface-hover, #f1f5f9);border-color:var(--accent, #c9485b);color:var(--accent, #c9485b)}.advanced-toggle span:first-child{font-size:.75rem;transition:transform var(--transition-fast, .15s ease)}.advanced-toggle[aria-expanded=true] span:first-child{transform:rotate(90deg)}.form-fields-advanced{display:flex;flex-direction:column;gap:1.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-light, #f1f5f9)}@media (max-width: 768px){.form-fields-advanced-section{margin-top:1.5rem;padding-top:1rem}.advanced-toggle{font-size:.875rem;padding:.875rem 1rem;min-height:44px}.form-fields-advanced{margin-top:1rem;padding-top:1rem;gap:1.5rem}}.form-field{display:flex;flex-direction:column;gap:.6rem;opacity:1!important;visibility:visible!important;width:100%;overflow:visible;position:relative}.form-field label{font-family:Outfit,sans-serif;font-weight:500;font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.info-icon-wrapper{position:relative;display:inline-flex;align-items:center;cursor:help}.info-icon{cursor:help;font-size:.85rem;opacity:.5;transition:opacity var(--transition-fast);position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.info-icon-wrapper:hover .info-icon,.info-icon-wrapper:active .info-icon{opacity:1}.info-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;padding:.75rem 1rem;background-color:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.875rem;line-height:1.5;white-space:normal;max-width:280px;min-width:200px;width:max-content;z-index:10000;pointer-events:none;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.info-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--surface-elevated)}.info-tooltip.tooltip-left:after{left:1rem;transform:translate(0)}.info-tooltip.tooltip-right:after{left:auto;right:1rem;transform:translate(0)}@media (max-width: 768px){.info-tooltip{bottom:auto;top:100%;margin-bottom:0;margin-top:.5rem;max-width:calc(100vw - 2rem);left:50%;transform:translate(-50%)}.info-tooltip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--surface-elevated)}.info-icon{font-size:1rem;padding:.25rem;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center}}.form-field select,.form-field textarea,.form-field input[type=text]{padding:.9rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;font-family:Outfit,sans-serif;background-color:var(--surface);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);height:auto;box-sizing:border-box}.mode-description{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-normal);text-transform:none;position:relative;z-index:1;color:var(--text-primary);line-height:var(--leading-snug);margin-top:0;margin-bottom:.5rem;text-align:center}.mode-tradeoff{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-normal);text-transform:none;position:relative;z-index:1;color:var(--text-secondary);line-height:var(--leading-normal);margin-top:0;margin-bottom:.5rem;font-style:normal;text-align:center}.llm-model-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:.75rem;position:relative;z-index:0}.llm-model-chip{width:100%;align-items:center;justify-content:flex-start;gap:0;padding:1.5rem 1.25rem;min-height:140px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-body);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;display:flex;flex-direction:column;will-change:transform,box-shadow}.selection-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--primary-dark);text-transform:none;letter-spacing:.3px;margin-bottom:.5rem;text-align:center}.mode-icon{font-size:1.25rem;transition:opacity var(--transition-fast);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;margin-bottom:.6rem;width:1.25rem;height:1.25rem;opacity:.7;color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mode-icon-svg{width:100%;height:100%;color:currentColor;transition:opacity var(--transition-fast);display:block;stroke:currentColor;fill:none}.mode-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);letter-spacing:.5px;text-transform:uppercase;position:relative;z-index:1;margin-top:0;margin-bottom:.4rem;line-height:var(--leading-tight);color:var(--text-primary)}.mode-availability{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);padding:.35rem .65rem;background:transparent;border-radius:var(--radius-sm);position:relative;z-index:1;margin-top:auto;color:var(--text-secondary);transition:all var(--transition-fast);border:none;display:flex;align-items:center;gap:.35rem;justify-content:center}.availability-warning-icon{font-size:.75rem;line-height:1}.mode-availability.low-availability{background:transparent;color:var(--warning);font-weight:var(--font-weight-medium);border:none}.mode-availability.exhausted{background:var(--surface-elevated);color:var(--text-muted);font-weight:var(--font-weight-medium);border:1px solid var(--border);opacity:.6}.llm-model-chip:focus-visible{outline:none;box-shadow:0 0 0 3px #16213e26;border-color:var(--primary-mid)}.llm-model-chip:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);transform:rotate(45deg) translate(-100%);transition:transform .6s ease;pointer-events:none}.llm-model-chip:hover:after{transform:rotate(45deg) translate(100%)}.llm-model-chip:hover:not(.selected):not(.exhausted){transform:translateY(var(--btn-hover-lift));background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#fff6;box-shadow:0 6px 12px #00000026,0 2px 4px #0000001a;transition:all var(--transition-normal)}.llm-model-chip.selected{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--primary-mid);box-shadow:0 4px 12px #16213e33,0 2px 4px #16213e1a;transform:translateY(-1px);transition:all var(--transition-normal)}.llm-model-chip.selected .mode-icon{opacity:1;color:var(--primary-mid)}.llm-model-chip.mode-pro .mode-icon{color:var(--primary-mid)}.llm-model-chip.mode-flash .mode-icon,.llm-model-chip.mode-pro .mode-icon,.llm-model-chip.mode-ultra .mode-icon{color:var(--text-secondary)}.llm-model-chip.exhausted{opacity:.5;cursor:not-allowed;filter:grayscale(70%);pointer-events:none;transform:none!important}.llm-model-chip.exhausted:hover{transform:none;box-shadow:none}.llm-model-chip.exhausted:after{display:none}.llm-model-chip.exhausted .mode-icon{filter:grayscale(80%) brightness(.8)}.mode-availability.exhausted{background:transparent;color:var(--text-muted);font-weight:var(--font-weight-medium);border:none;opacity:.6}.mode-selection-hint{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;margin-top:.75rem;margin-bottom:0;font-style:italic;line-height:var(--leading-relaxed)}@media (max-width: 768px){.llm-model-chips{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.llm-model-chip{padding:1rem .75rem;min-height:130px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(201,72,91,.1)}.mode-name{font-size:1.25rem;margin-bottom:.4rem}.mode-description{font-size:.75rem;margin-bottom:.3rem}.mode-icon{width:1.5rem;height:1.5rem;margin-bottom:.4rem}.mode-availability{font-size:.6rem;padding:.2rem .45rem}.selection-indicator{width:20px;height:20px;top:.4rem;right:.4rem}.mode-name{font-size:1rem}.mode-description{font-size:.75rem}.mode-availability{font-size:.65rem;padding:.15rem .5rem}.submit-button{min-height:44px;padding:.875rem 2rem;touch-action:manipulation;-webkit-tap-highlight-color:rgba(201,72,91,.1)}.advanced-toggle{min-height:44px;padding:.875rem 1rem;touch-action:manipulation;-webkit-tap-highlight-color:rgba(201,72,91,.1)}.info-icon{min-width:44px;min-height:44px;padding:.5rem;touch-action:manipulation;-webkit-tap-highlight-color:rgba(201,72,91,.1)}.cover-style-card{min-height:44px;padding:1.25rem 1rem;touch-action:manipulation;-webkit-tap-highlight-color:rgba(201,72,91,.1)}}@media (max-width: 520px){.llm-model-chips{grid-template-columns:1fr;gap:.75rem}.llm-model-chip{padding:1.5rem 1rem;min-height:115px}.mode-icon{width:2rem;height:2rem;margin-bottom:.625rem}.mode-name{font-size:1.05rem}.mode-description{font-size:.7rem;margin-top:.1rem;margin-bottom:.2rem}.mode-availability{font-size:.7rem;margin-top:.4rem}.llm-model-chip:hover{transform:translateY(-2px)}.llm-model-chip:hover .mode-icon{transform:scale(1.08)}.llm-model-chip.selected{transform:translateY(-2px) scale(1.02)}.llm-model-chip.selected .mode-icon{transform:scale(1.1)}}@media (max-width: 380px){.llm-model-chip{padding:1.25rem .75rem;min-height:105px}.mode-icon{width:1.75rem;height:1.75rem}.mode-name{font-size:.95rem}.mode-description{font-size:.65rem}}.cover-style-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:.75rem}.cover-style-card{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1rem;min-height:120px;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface-elevated);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:Outfit,sans-serif;text-align:center;position:relative}.cover-style-card:hover{background-color:#ffffff14;border-color:var(--text-muted);transform:translateY(-2px)}.cover-style-card:focus-visible{outline:none;box-shadow:0 0 0 3px #c9485b33}.cover-style-card.selected{border:2px solid var(--accent);background-color:#c9485b1a;box-shadow:0 0 0 3px #c9485b1a;transform:translateY(-2px) scale(1.02)}.cover-style-icon{font-size:2rem;line-height:1;margin-bottom:.25rem;transition:transform .2s ease}.cover-style-card:hover .cover-style-icon{transform:scale(1.1)}.cover-style-name{font-weight:500;font-size:.95rem;color:var(--text-primary)}.cover-style-description{font-size:.8rem;color:var(--text-secondary);line-height:1.3;margin-top:.25rem}@media (max-width: 520px){.cover-style-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.cover-style-card{min-height:110px;padding:1rem .75rem}.cover-style-icon{font-size:1.75rem}.cover-style-name{font-size:.9rem}.cover-style-description{font-size:.75rem}}.form-field select,.form-field input[type=text]{min-height:3rem;line-height:1.5}.form-field select:hover,.form-field textarea:hover,.form-field input[type=text]:hover{border-color:var(--text-muted)}.form-field select:focus,.form-field textarea:focus,.form-field input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background-color:var(--surface)}.form-field select.error,.form-field textarea.error,.form-field input[type=text].error{border-color:#ef4444;background-color:#fef2f2}.error-message{color:#dc2626;font-size:.85rem;font-weight:500;margin-top:-.25rem;display:flex;align-items:center;gap:.35rem}.form-field textarea{resize:vertical;min-height:120px;line-height:1.6}.form-actions{margin-top:1.5rem}.submit-button{padding:.9rem 2.5rem;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-spring),background-color var(--transition-fast),box-shadow var(--transition-smooth);box-shadow:0 2px 8px #c9485b33}.submit-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(var(--btn-hover-lift)) scale(var(--btn-hover-scale));box-shadow:0 4px 15px var(--accent-glow)}.submit-button:active:not(:disabled){transform:scale(var(--btn-active-scale));transition-duration:.1s}.submit-button:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;padding:3rem 2rem;font-size:1.1rem;color:var(--text-secondary)}.form-loading-skeleton{padding:2rem 0;min-height:400px;display:flex;flex-direction:column;gap:1.5rem}.skeleton-line{background:linear-gradient(90deg,var(--surface-elevated) 0%,var(--surface-hover) 50%,var(--surface-elevated) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error-container{text-align:center;padding:3rem 2rem;background:var(--surface);border-radius:var(--radius-lg);border:2px solid #fecaca}.error-container p{color:#dc2626;margin-bottom:1.5rem;font-size:1.05rem}.error-container button{padding:.75rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.error-container button:hover{background-color:var(--accent-hover)}@media (max-width: 768px){.error-container button{min-height:44px;padding:.875rem 1.5rem;touch-action:manipulation;-webkit-tap-highlight-color:rgba(201,72,91,.1)}}.error-banner{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;padding:1.25rem 1.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem;border-left:4px solid #ef4444;font-weight:500}.submission-success{max-width:850px;margin:0 auto;padding:2.5rem 2rem;animation:fadeIn .4s ease-out forwards}.submission-success h2{font-family:Playfair Display,Georgia,serif;color:var(--success);margin-bottom:1rem;font-size:1.75rem}.submission-success p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem}.submission-summary{background:var(--surface-elevated);padding:2rem;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid var(--border-light)}.submission-summary h3{margin-top:0;margin-bottom:1.25rem;font-family:Playfair Display,Georgia,serif;color:var(--text-primary);font-size:1.25rem}.submission-summary pre{background:var(--surface);padding:1.25rem;border-radius:var(--radius-md);overflow-x:auto;font-size:.85rem;line-height:1.6;border:1px solid var(--border-light)}.summary-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.summary-section-header h4{margin:0}.btn-edit-outline{padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.btn-edit-outline:hover{background:var(--surface-elevated);border-color:var(--accent-color);color:var(--accent-color)}.summary-section{margin-bottom:2.5rem}.summary-section:last-child{margin-bottom:0}.summary-section h4{margin-top:0;margin-bottom:1.25rem;font-family:Outfit,sans-serif;color:var(--text-primary);font-size:1.1rem;font-weight:600}.summary-list{margin:0;padding:0;list-style:none}.summary-item{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;padding:.9rem 0;border-bottom:1px solid var(--border-light)}.summary-item:last-child{border-bottom:none}.summary-item dt{font-weight:600;color:var(--text-primary);font-size:.9rem}.summary-item dd{margin:0;color:var(--text-secondary);word-break:break-word}.submission-success button{padding:.9rem 2rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.summary-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.download-pdf-button{padding:.9rem 2rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.download-pdf-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.start-writing-button{padding:.9rem 2rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-spring),background-color var(--transition-fast),box-shadow var(--transition-smooth);box-shadow:0 2px 8px #c9485b33}.start-writing-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(var(--btn-hover-lift)) scale(var(--btn-hover-scale));box-shadow:0 4px 15px var(--accent-glow)}.start-writing-button:active:not(:disabled){transform:scale(var(--btn-active-scale));transition-duration:.1s}.start-writing-button:disabled{opacity:.5;cursor:not-allowed}.draft-title-summary{font-family:Playfair Display,Georgia,serif;font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem;margin-top:.5rem}.draft-markdown-container{background:var(--surface);padding:2rem;border-radius:var(--radius-lg);margin-top:1.25rem;line-height:1.85;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.draft-markdown-container h1{font-family:Playfair Display,Georgia,serif;font-size:1.75rem;margin-top:2rem;margin-bottom:1rem;color:var(--text-primary)}.draft-markdown-container h2{font-family:Playfair Display,Georgia,serif;font-size:1.4rem;margin-top:1.75rem;margin-bottom:.85rem;color:var(--text-primary)}.draft-markdown-container h3{font-family:Outfit,sans-serif;font-size:1.15rem;margin-top:1.5rem;margin-bottom:.65rem;color:var(--text-primary)}.draft-markdown-container p{margin:.85rem 0;color:var(--text-secondary)}.draft-markdown-container ul,.draft-markdown-container ol{margin:.85rem 0;padding-left:2rem;color:var(--text-secondary)}.draft-markdown-container li{margin:.5rem 0}@media (max-width: 768px){.dynamic-form-container,.submission-success{padding:1.5rem 1rem}.dynamic-form-container h1{font-size:1.6rem}.summary-item{grid-template-columns:1fr;gap:.5rem}.summary-actions{flex-direction:column}.download-pdf-button,.start-writing-button{width:100%;text-align:center;min-height:44px;padding:.875rem 1.5rem;touch-action:manipulation;-webkit-tap-highlight-color:rgba(201,72,91,.1)}}.questions-loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin-bottom:1.5rem;background:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-light);gap:1rem}.questions-loading-overlay p{color:var(--text-secondary);font-size:.95rem;margin:0}.questions-loading-spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.filter-bar{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2.5rem;background:var(--surface);border-bottom:1px solid var(--border-light)}.filter-bar-main{display:flex;gap:1rem;align-items:flex-end}.advanced-filters-toggle{display:none}.filter-bar-advanced{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.4rem}.filter-group label{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input{padding:.65rem .9rem;border:2px solid var(--border);border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-size:.9rem;color:var(--text-primary);background:var(--surface);min-width:160px;transition:border-color var(--transition-fast),box-shadow .2s ease-out}.filter-group select:hover,.filter-group input:hover{border-color:var(--text-muted)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 var(--focus-glow-spread) rgba(201,72,91,var(--focus-glow-opacity)),var(--shadow-sm)}.search-group{flex:1;min-width:220px}.search-group input{width:100%}.clear-filters-btn{padding:.65rem 1.25rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);align-self:flex-end}.clear-filters-btn:hover{background:var(--surface-hover);border-color:var(--text-muted);color:var(--text-primary)}@media (max-width: 768px){.filter-bar{padding:1.25rem;gap:.75rem}.filter-bar-main{flex-direction:row;gap:.75rem}.filter-bar-main .search-group{flex:1}.filter-bar-main .search-group input{min-width:0}.advanced-filters-toggle{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.advanced-filters-toggle:hover{background:var(--surface-hover);border-color:var(--text-muted);color:var(--text-primary)}.filters-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--accent);border-radius:10px;color:#fff;font-size:.75rem;font-weight:700;line-height:1}.filter-bar-advanced{display:none;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-light);animation:slideDown .2s ease-out}.filter-bar-advanced.expanded{display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group{width:100%}.filter-group select,.filter-group input{min-width:100%}.clear-filters-btn{align-self:stretch;text-align:center}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirm-modal-content{background-color:var(--surface, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-modal);max-width:500px;width:90%;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}.confirm-modal-header{padding:1.5rem;border-bottom:1px solid var(--border-light, #e0e0e0)}.confirm-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary, #213547);font-weight:600}.confirm-modal-body{padding:1.5rem}.confirm-modal-body p{margin:0;color:var(--text-secondary, #666);line-height:1.6;font-size:1rem}.confirm-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-light, #e0e0e0);background-color:var(--bg-secondary, #f9f9f9)}.confirm-modal-button{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.confirm-modal-cancel{background-color:transparent;color:var(--text-secondary, #666);border:1px solid var(--border-light, #ddd)}.confirm-modal-cancel:hover{background-color:var(--bg-secondary, #f5f5f5);border-color:var(--border, #ccc)}.confirm-modal-confirm{color:#fff}.confirm-modal-info{background-color:var(--primary, #646cff)}.confirm-modal-info:hover{background-color:var(--primary-hover, #535bf2)}.confirm-modal-warning{background-color:#ff9800}.confirm-modal-warning:hover{background-color:#f57c00}.confirm-modal-danger{background-color:#f44336}.confirm-modal-danger:hover{background-color:#d32f2f}@media (max-width: 768px){.confirm-modal-content{width:95%}.confirm-modal-header,.confirm-modal-body{padding:1rem}.confirm-modal-footer{padding:.75rem 1rem;flex-direction:column-reverse}.confirm-modal-button{width:100%}}.export-dropdown{position:relative;display:inline-block}.export-dropdown.is-open{z-index:9999}.export-dropdown-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-md, .5rem);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;min-width:120px;justify-content:center}.export-dropdown-button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.export-dropdown-button:active:not(:disabled){transform:translateY(0)}.export-dropdown-button:disabled{opacity:.6;cursor:not-allowed}.dropdown-arrow{font-size:.75rem;transition:transform .2s ease}.export-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--surface, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, .5rem);box-shadow:0 4px 12px #00000026;z-index:9999;min-width:140px;overflow:hidden;animation:slideDown .2s ease}.export-dropdown-menu-portal{position:fixed!important;z-index:99999;bottom:auto!important;right:auto!important}.export-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;font-size:.9375rem;color:var(--text-primary, #1f2937);transition:background-color .15s ease;font-family:inherit}.export-option:hover{background:var(--background-secondary, #f9fafb)}.export-option:active{background:var(--border-light, #e5e7eb)}.format-icon{font-size:1.125rem;width:1.5rem;text-align:center}@media (max-width: 640px){.export-dropdown-menu{right:auto;left:0}}.book-card{display:flex;gap:1.5rem;padding:1.75rem;background-color:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-height:250px;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth)}.book-card.animate-stagger{animation:cardEntrance .4s ease-out backwards;animation-delay:calc(var(--card-index, 0) * var(--card-stagger-delay, 50ms))}.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--border)}.book-card-cover{flex-shrink:0;width:130px;height:195px;background:linear-gradient(135deg,var(--surface-elevated) 0%,var(--surface-hover) 100%);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:transform var(--transition-smooth)}.book-card:hover .book-card-cover{transform:scale(1.02)}.book-card-cover img{width:100%;height:100%;object-fit:cover}.book-card-placeholder{font-size:3rem;color:var(--text-muted)}.book-card-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.book-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;position:relative}.book-card-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.book-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:1.3rem;font-weight:600;color:var(--text-primary);flex:1;line-height:1.3}.status-badge{padding:.3rem .85rem;border-radius:var(--radius-full);font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 10px #0000000d}.status-draft{background:#0369a11a;border:1px solid rgba(3,105,161,.2);color:#0369a1}.status-outline{background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);color:#7c3aed}.status-writing{background:#d977061a;border:1px solid rgba(217,119,6,.2);color:#d97706}.status-paused{background:#dc26261a;border:1px solid rgba(220,38,38,.2);color:#dc2626}.status-complete{background:#0596691a;border:1px solid rgba(5,150,105,.2);color:#059669}.book-card-info{display:flex;flex-direction:column;gap:.625rem;font-size:.9rem;color:var(--text-secondary);transition:all var(--transition-smooth)}.book-card-info.compact{gap:.4rem}.book-card-info-essential{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.book-card-info-details{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin-top .3s ease,padding-top .3s ease;margin-top:0;padding-top:0;display:flex;flex-direction:column;gap:.4rem}.book-card-info-details.expanded{max-height:500px;opacity:1;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light)}.book-card-info p{margin:0;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.book-author,.book-model{font-weight:500}.book-card .book-score .score-value{font-size:inherit;font-weight:600}.book-card-toggle{background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-smooth);color:var(--text-secondary);padding:0;flex-shrink:0}.book-card-toggle:hover{background:var(--surface-elevated);border-color:var(--accent);color:var(--accent);transform:scale(1.05);box-shadow:0 2px 8px #c9485b26}.book-card-toggle:active{transform:scale(.95)}.book-card-toggle.expanded{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.book-card-toggle.expanded:hover{background:#c9485b26;box-shadow:0 2px 12px #c9485b33}.book-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.5rem}.action-btn{padding:.55rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.4rem}.action-btn:hover{transform:translateY(-1px)}.read-btn:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e;color:#16a34a;box-shadow:0 2px 8px #22c55e33}.download-btn:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;color:#2563eb;box-shadow:0 2px 8px #3b82f633}.critique-btn:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#d97706;box-shadow:0 2px 8px #f59e0b33}.continue-btn:hover{background:linear-gradient(135deg,#fefce8,#fef08a);border-color:#eab308;color:#ca8a04;box-shadow:0 2px 8px #eab30833}.delete-btn:hover{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#ef4444;color:#dc2626;box-shadow:0 2px 8px #ef444433}.regenerate-cover-btn{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#6366f1;color:#4f46e5}.regenerate-cover-btn:hover:not(:disabled){background:linear-gradient(135deg,#c7d2fe,#a5b4fc);border-color:#4f46e5;color:#4338ca;box-shadow:0 2px 8px #4f46e533}.regenerate-cover-btn:disabled{opacity:.6;cursor:not-allowed}.book-card-menu{position:fixed;background:var(--surface, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, .5rem);box-shadow:var(--shadow-modal);z-index:99999;min-width:200px;max-width:280px;overflow:hidden;animation:slideDown .2s ease}.book-card-menu-section{padding:.5rem 0}.book-card-menu-section:not(:last-child){border-bottom:1px solid var(--border-light, #e5e7eb)}.book-card-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;font-size:.9rem;color:var(--text-primary, #1f2937);transition:background-color .15s ease;font-family:Outfit,sans-serif}.book-card-menu-item:hover:not(:disabled){background:var(--background-secondary, #f9fafb)}.book-card-menu-item:active:not(:disabled){background:var(--border-light, #e5e7eb)}.book-card-menu-item:disabled{opacity:.6;cursor:not-allowed}.book-card-menu-export{padding:.5rem 1rem}.book-card-menu-export .export-dropdown{width:100%}.book-card-menu-export .export-dropdown-button{width:100%;justify-content:center}.book-card-meta{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-light)}@media (max-width: 768px){.regenerate-cover-btn-desktop,.export-dropdown-desktop{display:none}.book-card-menu-item-regenerate,.book-card-menu-export{display:block}}@media (min-width: 769px){.book-card-menu-item-regenerate,.book-card-menu-export{display:none}}@media (max-width: 768px){.book-card{flex-direction:column;padding:1.25rem;min-height:400px}.book-card-cover{width:100%;height:220px;min-height:220px}.book-card-header{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:.5rem}.book-title{flex:1 1 100%;order:1;font-size:1.15rem;padding-right:0}.book-card-header-actions{order:2;position:static;width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.status-badge{font-size:.65rem;padding:.25rem .7rem}.book-card-info-essential{gap:.4rem .75rem}.book-card-info p{font-size:.85rem}.book-card-actions{justify-content:stretch;flex-wrap:wrap}.action-btn{flex:1;min-width:calc(50% - .25rem);justify-content:center;font-size:.8rem;padding:.5rem .875rem}.book-card-toggle{width:36px;height:36px;min-width:44px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(201,72,91,.1)}}@media (max-width: 480px){.book-card{padding:1rem}.book-card-info-essential{gap:.35rem .5rem;flex-direction:column}.book-card-info-essential p{white-space:normal}.book-card-actions{flex-direction:column}.action-btn{width:100%;min-width:auto}}.critique-audio-player{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;margin-top:1rem;padding:1rem;background:var(--surface-elevated, #f5f5f5);border-radius:var(--radius-md, 8px);border:1px solid var(--border-light, #e0e0e0)}.audio-play-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent, #6366f1);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .2s);min-height:44px}.audio-play-button:hover:not(:disabled){background:var(--accent-hover, #4f46e5);transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.audio-play-button:active:not(:disabled){transform:translateY(0)}.audio-play-button:disabled{opacity:.6;cursor:not-allowed}.audio-play-button svg{flex-shrink:0}.audio-spinner{animation:spin 1s linear infinite}.audio-error{color:var(--error, #dc2626);font-size:.85rem;margin-top:.25rem;padding:.5rem;background:#dc26261a;border-radius:var(--radius-sm, 4px);border-left:3px solid var(--error, #dc2626);word-wrap:break-word;max-width:100%}@media (max-width: 768px){.critique-audio-player{padding:.75rem;margin-top:.75rem}.audio-play-button{width:100%;justify-content:center;padding:.875rem 1rem;font-size:.875rem}}.critique-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.critique-modal-content{background-color:var(--surface, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-modal);max-width:700px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}.critique-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-light, #e0e0e0)}.critique-modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #213547)}.critique-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary, #666);cursor:pointer;padding:.5rem;line-height:1;border-radius:var(--radius-sm, 4px);transition:background-color .2s,color .2s}.critique-modal-close:hover{background-color:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #213547)}.critique-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.critique-modal-subtitle{margin:0 0 1.5rem;font-size:1rem;color:var(--text-secondary, #666);font-style:italic}.critique-modal-loading,.critique-modal-error,.critique-modal-empty{text-align:center;padding:2rem;color:var(--text-secondary, #666)}.critique-modal-error{color:var(--error, #f44336)}.critique-section{margin-top:0;padding:1.5rem;background-color:var(--bg-secondary, #f5f5f5);border-radius:var(--radius-md, 8px);border:1px solid var(--border-light, #ddd);text-align:left}.critique-section h4{margin:0 0 1rem;color:var(--text-primary, #213547);font-size:1.2rem}.critique-score{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background-color:var(--surface, #fff);border-radius:var(--radius-sm, 4px);border:1px solid var(--border-light, #ddd)}.score-label{font-weight:500;color:var(--text-secondary, #666)}.score-value{font-size:1.1rem;font-weight:700}.critique-summary,.critique-pros,.critique-cons{margin-top:1rem;padding:1rem;background-color:var(--surface, #fff);border-radius:var(--radius-sm, 4px);border-left:3px solid var(--primary, #646cff)}.critique-pros{border-left-color:#4caf50}.critique-cons{border-left-color:#f44336}.critique-summary strong,.critique-pros strong,.critique-cons strong{display:block;margin-bottom:.5rem;color:var(--text-primary, #213547)}.critique-summary p,.critique-pros p,.critique-cons p,.critique-pros ul,.critique-cons ul{margin:0;color:var(--text-secondary, #666);line-height:1.6}.critique-pros ul,.critique-cons ul{padding-left:1.5rem;list-style-type:disc}.critique-pros li,.critique-cons li{margin:.5rem 0}@media (max-width: 768px){.critique-modal-content{width:95%;max-height:95vh}.critique-modal-header{padding:1rem}.critique-modal-header h2{font-size:1.2rem}.critique-modal-body,.critique-section{padding:1rem}}.share-book-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.share-book-modal-content{background-color:var(--surface, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-modal);max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}.share-book-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-light, #e0e0e0)}.share-book-modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #213547)}.share-book-modal-close{background:none;border:none;color:var(--text-secondary, #666);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm, 4px);transition:background-color .2s,color .2s}.share-book-modal-close:hover{background-color:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #213547)}.share-book-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.share-book-info{margin-bottom:1.5rem}.share-book-title{font-size:1.1rem;font-weight:600;color:var(--text-primary, #213547);margin:0 0 .5rem}.share-book-hint{font-size:.9rem;color:var(--text-secondary, #666);margin:0}.share-book-search-section{margin-top:1rem}.share-book-search-bar{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;position:relative}.share-book-search-input{flex:1;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--border-light, #ddd);border-radius:var(--radius-md, 8px);font-size:.9375rem;transition:border-color .2s}.share-book-search-input:focus{outline:none;border-color:var(--primary, #646cff)}.share-book-search-bar .search-icon{position:absolute;left:.75rem;color:var(--text-secondary, #666);pointer-events:none}.share-book-search-button{padding:.75rem 1.25rem;background-color:var(--primary, #646cff);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.share-book-search-button:hover:not(:disabled){background-color:var(--primary-hover, #535bf2)}.share-book-search-button:disabled{opacity:.5;cursor:not-allowed}.share-book-connections-suggestions{margin-top:1rem;border:1px solid var(--border-light, #ddd);border-radius:var(--radius-md, 8px);overflow:hidden;background-color:var(--bg-secondary, #f9f9f9)}.suggestions-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--surface, #fff);border-bottom:1px solid var(--border-light, #ddd);font-size:.875rem;font-weight:500;color:var(--text-secondary, #666)}.suggestions-list{max-height:200px;overflow-y:auto}.suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;width:100%;background:none;border:none;border-bottom:1px solid var(--border-light, #ddd);cursor:pointer;transition:background-color .2s;text-align:left}.suggestion-item:hover{background-color:var(--surface, #fff)}.suggestion-item:last-child{border-bottom:none}.suggestion-info{display:flex;flex-direction:column;gap:.25rem}.suggestion-name{font-weight:500;color:var(--text-primary, #213547);font-size:.9375rem}.suggestion-email{font-size:.8125rem;color:var(--text-secondary, #666)}.share-book-search-result{margin-top:1rem}.share-book-user-card{padding:1rem;border:1px solid var(--border-light, #ddd);border-radius:var(--radius-md, 8px);background-color:var(--surface, #fff)}.share-book-user-info h4{margin:0 0 .25rem;font-size:1rem;color:var(--text-primary, #213547)}.share-book-user-email{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary, #666)}.share-book-user-status{display:flex;gap:.5rem}.status-badge{padding:.375rem .75rem;border-radius:var(--radius-sm, 4px);font-size:.8125rem;font-weight:500}.status-badge.connected{background-color:#e8f5e9;color:#2e7d32}.status-badge.error{background-color:#ffebee;color:#c62828}.share-book-no-results{padding:1.5rem;text-align:center;color:var(--text-secondary, #666)}.share-book-no-results p{margin:.5rem 0}.no-results-hint{font-size:.875rem}.share-book-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-light, #e0e0e0);background-color:var(--bg-secondary, #f9f9f9)}.share-book-modal-button{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.share-book-modal-cancel{background-color:transparent;color:var(--text-secondary, #666);border:1px solid var(--border-light, #ddd)}.share-book-modal-cancel:hover:not(:disabled){background-color:var(--bg-secondary, #f5f5f5)}.share-book-modal-confirm{background-color:var(--primary, #646cff);color:#fff}.share-book-modal-confirm:hover:not(:disabled){background-color:var(--primary-hover, #535bf2)}.share-book-modal-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.share-book-modal-content{width:95%;max-height:95vh}.share-book-modal-header,.share-book-modal-body{padding:1rem}.share-book-modal-footer{padding:.75rem 1rem;flex-direction:column-reverse}.share-book-modal-button{width:100%}}.skeleton-box,.skeleton-line{background:linear-gradient(90deg,var(--surface-hover, #f0f0f0) 25%,var(--surface-elevated, #e8e8e8) 50%,var(--surface-hover, #f0f0f0) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm, 4px)}.skeleton-line{height:1rem;margin-bottom:.5rem}.skeleton-line:last-child{margin-bottom:0}.skeleton-box{display:inline-block}.skeleton-card{display:flex;gap:1.25rem;padding:1.5rem;background-color:var(--surface, #ffffff);border:1px solid var(--border-light, #e0e0e0);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));min-height:250px}.skeleton-card-cover{flex-shrink:0;width:130px;height:195px;background:linear-gradient(90deg,var(--surface-hover, #f0f0f0) 25%,var(--surface-elevated, #e8e8e8) 50%,var(--surface-hover, #f0f0f0) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md, 8px)}.skeleton-card-content{flex:1;display:flex;flex-direction:column;gap:1rem}.skeleton-card-meta{display:flex;gap:1rem;margin-top:.5rem}.skeleton-card-actions{display:flex;gap:.75rem;margin-top:1rem}.skeleton-title{margin-bottom:.5rem}.skeleton-description{flex:1}.skeleton-chapter{padding:2rem;max-width:800px;margin:0 auto}.skeleton-chapter-title{margin-bottom:1.5rem}.skeleton-chapter-content{margin-top:1rem}.skeleton-chart{background-color:var(--surface, #ffffff);border:1px solid var(--border-light, #e0e0e0);border-radius:var(--radius-lg, 12px);padding:1.5rem;display:flex;align-items:flex-end;justify-content:space-around;gap:1rem}.skeleton-chart-lines{width:100%;display:flex;flex-direction:column;gap:1rem;padding:1rem}.skeleton-chart-line{height:2rem;background:linear-gradient(90deg,var(--surface-hover, #f0f0f0) 25%,var(--surface-elevated, #e8e8e8) 50%,var(--surface-hover, #f0f0f0) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm, 4px)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{width:100%}@media (max-width: 768px){.skeleton-card{flex-direction:column;min-height:400px}.skeleton-card-cover{width:100%;height:250px;min-height:250px}.skeleton-chapter{padding:1rem}}.library-view{min-height:100vh;background:var(--surface)}.loading-message{padding:4rem 2rem;text-align:center;font-size:1.1rem;color:var(--text-secondary)}.error-message{padding:3rem 2rem;text-align:center;font-size:1.05rem;color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);margin:2rem;border-radius:var(--radius-lg);border:1px solid #fecaca}.error-message button{margin-top:1.25rem;padding:.75rem 1.75rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all var(--transition-fast)}.error-message button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 15px var(--accent-glow)}.refreshing-indicator{padding:.75rem 2rem;text-align:center;font-size:.9rem;color:var(--text-secondary);background:linear-gradient(90deg,var(--surface-elevated) 0%,var(--surface-hover) 50%,var(--surface-elevated) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-bottom:1px solid var(--border-light)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.library-header{padding:2.5rem 2.5rem 1.5rem}.library-header h2{margin:0;font-family:Playfair Display,Georgia,serif;font-size:1.6rem;color:var(--text-primary);font-weight:600}.shared-section-header{margin-top:3rem;padding-top:2.5rem;border-top:2px solid var(--border-light, #e0e0e0)}.shared-section-subtitle{margin:.5rem 0 0;font-size:.95rem;color:var(--text-secondary, #666);font-style:italic}.shared-books-grid{margin-top:1rem}.empty-library{padding:4rem 2rem;text-align:center;color:var(--text-muted);font-size:1.1rem}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:2rem;padding:1.5rem 2.5rem 4rem}.back-to-library-btn{margin:1.5rem 2.5rem;padding:.65rem 1.25rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.5rem}.back-to-library-btn:hover{background:var(--surface-hover);border-color:var(--text-muted);transform:translate(-3px)}.load-more-sentinel{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-more-indicator{padding:1.5rem 2rem;text-align:center;font-size:1rem;color:var(--text-secondary);font-family:Outfit,sans-serif}.loading-more-indicator span{display:inline-block;animation:pulse 1.5s ease-in-out infinite}.no-more-books{padding:1.5rem 2rem;text-align:center;color:var(--text-muted);font-size:.95rem;font-family:Outfit,sans-serif}.no-more-books p{margin:0;font-style:italic}@media (max-width: 768px){.books-grid{grid-template-columns:1fr;padding:1.25rem;gap:1.25rem}.library-header{padding:1.5rem 1.25rem 1rem}.back-to-library-btn{margin:1rem 1.25rem}}@media (max-width: 480px){.books-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}}.book-reader{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--surface);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.book-reader.fullscreen{background:#faf8f5}.reader-loading,.reader-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.5rem}.loading-spinner{width:50px;height:50px;border:3px solid var(--border);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.reader-loading p,.reader-error p{font-size:1.1rem;color:var(--text-secondary)}.error-icon{font-size:3rem}.back-btn{margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;transition:background var(--transition-fast)}.back-btn:hover{background:var(--accent-hover)}.reader-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md);z-index:10}.header-left{display:flex;align-items:center;gap:1.5rem}.close-btn{padding:.5rem 1rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;transition:all var(--transition-fast)}.close-btn:hover{background:#ffffff40;transform:translate(-2px)}.book-info{display:flex;flex-direction:column;gap:.2rem}.book-info .book-title{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:600;margin:0;line-height:1.2}.book-info .book-author{font-size:.85rem;opacity:.85}.header-controls{display:flex;align-items:center;gap:1rem}.toc-btn,.fullscreen-btn{padding:.5rem .75rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;transition:all var(--transition-fast)}.toc-btn:hover,.fullscreen-btn:hover{background:#ffffff40}.toc-btn.active{background:#ffffff4d;border-color:#fff6}.font-controls{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:#ffffff1a;border-radius:var(--radius-md)}.font-controls button{padding:.3rem .6rem;background:transparent;border:none;color:#fff;cursor:pointer;font-weight:600;opacity:.8;transition:opacity var(--transition-fast)}.font-controls button:hover:not(:disabled){opacity:1}.font-controls button:disabled{opacity:.4;cursor:not-allowed}.font-size{font-size:.8rem;min-width:40px;text-align:center;opacity:.8}.reading-progress{height:4px;background:#0000001a;width:100%}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--success));transition:width .3s ease}.toc-sidebar{position:fixed;left:0;top:0;bottom:0;width:320px;background:#fff;box-shadow:var(--shadow-xl);z-index:100;display:flex;flex-direction:column;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.toc-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface-elevated)}.toc-header h2{margin:0;font-family:Playfair Display,serif;font-size:1.3rem;color:var(--text-primary)}.close-toc{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:50%;font-size:1.3rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.close-toc:hover{background:var(--surface-elevated);color:var(--text-primary)}.toc-list{flex:1;overflow-y:auto;padding:.75rem 0}.toc-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.toc-item:hover{background:var(--surface-elevated)}.toc-item.active{background:linear-gradient(90deg,rgba(201,72,91,.1),transparent);border-left:3px solid var(--accent-color)}.chapter-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border-radius:50%;font-size:.8rem;font-weight:600;color:var(--text-secondary);flex-shrink:0}.toc-item.active .chapter-number{background:var(--accent-color);color:#fff}.toc-item .chapter-title{flex:1;font-size:.95rem;color:var(--text-primary);line-height:1.4}.chapter-pages{font-size:.75rem;color:var(--text-secondary);opacity:.7}.reader-content{flex:1;overflow-y:auto;padding:2rem;transition:margin-left .3s ease}.reader-content.with-toc{margin-left:320px}.chapter{max-width:720px;margin:0 auto;padding:2rem 0 4rem}.chapter-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.chapter-label{display:inline-block;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent-color);margin-bottom:.75rem;font-weight:500}.chapter-header .chapter-title{font-family:Playfair Display,serif;font-size:2rem;color:var(--text-primary);margin:0;font-weight:600;line-height:1.3}.chapter-text{font-family:Georgia,Times New Roman,serif;line-height:1.9;color:#2c2c2c}.chapter-text p{margin:0 0 1.5em;text-align:justify;text-indent:1.5em}.chapter-text p:first-child{text-indent:0}.chapter-text p:first-child:first-letter{font-size:3.5em;float:left;line-height:1;padding-right:.1em;font-family:Playfair Display,serif;font-weight:700;color:var(--accent-color)}.cover-page{display:flex;align-items:center;justify-content:center;min-height:100%;width:100%;padding:2rem}.cover-image{max-width:100%;max-height:calc(100vh - 200px);object-fit:contain;box-shadow:0 10px 40px #0003;border-radius:4px}.reader-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--surface-elevated);border-top:1px solid var(--border);z-index:10}.nav-btn{padding:.75rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);min-width:180px}.nav-btn:hover:not(:disabled){background:var(--primary-gradient);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.prev-btn{text-align:left}.next-btn{text-align:right}.chapter-indicator{font-size:.9rem;color:var(--text-secondary);font-weight:500}@media (max-width: 900px){.toc-sidebar{width:100%;max-width:320px}.reader-content.with-toc{margin-left:0}.book-info .book-title{font-size:1rem}.header-controls{gap:.5rem}.font-controls{display:none}}@media (max-width: 600px){.reader-header{padding:.5rem 1rem;flex-wrap:wrap;gap:.5rem}.header-left{gap:.75rem}.book-info{display:none}.reader-content{padding:1rem}.chapter{padding:1rem 0 3rem}.chapter-header .chapter-title{font-size:1.5rem}.reader-footer{padding:.75rem 1rem}.nav-btn{min-width:auto;padding:.6rem 1rem;font-size:.85rem}}.reader-content::-webkit-scrollbar,.toc-list::-webkit-scrollbar{width:8px}.reader-content::-webkit-scrollbar-track,.toc-list::-webkit-scrollbar-track{background:transparent}.reader-content::-webkit-scrollbar-thumb,.toc-list::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.reader-content::-webkit-scrollbar-thumb:hover,.toc-list::-webkit-scrollbar-thumb:hover{background:#00000040}@media print{.reader-header,.reader-footer,.toc-sidebar,.keyboard-hints{display:none!important}.reader-content{margin:0;padding:0;overflow:visible}.chapter{max-width:100%}}.benchmark-view{padding:2.5rem 2rem;background:linear-gradient(180deg,var(--surface-elevated) 0%,var(--surface) 100%);min-height:calc(100vh - 80px)}.benchmark-container{max-width:850px;margin:0 auto;background:var(--surface);padding:2.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);animation:fadeIn .4s ease-out forwards}.benchmark-title{margin:0 0 .75rem;font-family:Playfair Display,Georgia,serif;font-size:2rem;color:var(--text-primary);font-weight:600}.benchmark-description{margin:0 0 2.5rem;color:var(--text-secondary);line-height:1.7;font-size:1.05rem}.benchmark-form{margin-bottom:2rem}.form-group{margin-bottom:1.75rem}.form-label{display:block;margin-bottom:.6rem;font-family:Outfit,sans-serif;font-weight:500;color:var(--text-primary);font-size:.95rem}.required{color:var(--accent);font-weight:600}.text-input{width:100%;padding:.9rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-size:1rem;color:var(--text-primary);background:var(--surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.text-input:hover{border-color:var(--text-muted)}.text-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.text-input:disabled{background-color:var(--surface-elevated);cursor:not-allowed;opacity:.7}.file-input-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1.5rem;border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);transition:border-color var(--transition-smooth),background-color var(--transition-smooth)}.file-input-wrapper:hover{border-color:var(--accent);background:linear-gradient(135deg,#c9485b05,#c9485b0d)}.file-input-hidden{position:absolute;left:-9999px;opacity:0;width:0;height:0}.file-input-label{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none}.file-input-label:hover:not(.disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 15px var(--accent-glow)}.file-input-label:active:not(.disabled){transform:translateY(0)}.file-input-label.disabled{background:var(--text-muted);cursor:not-allowed;pointer-events:none}.file-placeholder{color:var(--text-muted);font-style:italic}.file-info{display:flex;align-items:center;gap:.6rem;font-size:.95rem}.file-name{font-weight:600;color:var(--success)}.file-size{color:var(--text-secondary)}.error-message{padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:var(--radius-md);color:#b91c1c;margin-bottom:1.5rem;font-weight:500}.form-actions{display:flex;gap:1rem;margin-top:2.5rem}.btn-primary,.btn-secondary{padding:.9rem 2rem;border:none;border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-muted)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.loading-indicator{text-align:center;padding:3rem 2rem}.spinner{border:4px solid var(--surface-hover);border-top:4px solid var(--accent);border-radius:50%;width:50px;height:50px;animation:spin .8s linear infinite;margin:0 auto 1.5rem}.loading-indicator p{color:var(--text-secondary);margin:0;font-size:1.05rem}.critique-result{margin-top:2.5rem;padding:2rem;background:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-light);animation:fadeIn .4s ease-out forwards}.result-title{margin:0 0 1.75rem;font-family:Playfair Display,Georgia,serif;font-size:1.4rem;color:var(--text-primary);font-weight:600}.score-section{display:flex;align-items:baseline;gap:.5rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid var(--border-light)}.score-value{font-family:Outfit,sans-serif;font-size:4rem;font-weight:700;color:var(--accent);line-height:1}.score-label{font-family:Outfit,sans-serif;font-size:1.75rem;color:var(--text-muted);font-weight:500}.summary-section,.pros-section,.cons-section{margin-bottom:2rem}.summary-section:last-child,.pros-section:last-child,.cons-section:last-child{margin-bottom:0}.summary-section h4,.pros-section h4,.cons-section h4{margin:0 0 1rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}.summary-section h4{color:var(--text-primary)}.pros-section h4{color:var(--success)}.cons-section h4{color:#dc2626}.summary-section p{margin:0;line-height:1.75;color:var(--text-secondary)}.pros-section ul,.cons-section ul{margin:0;padding-left:1.75rem}.pros-section li{margin-bottom:.6rem;line-height:1.6;color:#059669}.cons-section li{margin-bottom:.6rem;line-height:1.6;color:#dc2626}@media (max-width: 768px){.benchmark-view{padding:1.5rem 1rem}.benchmark-container{padding:1.75rem}.benchmark-title{font-size:1.6rem}.score-value{font-size:3rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;text-align:center;justify-content:center}.file-input-wrapper{flex-direction:column;align-items:stretch;text-align:center}.file-input-label{justify-content:center}}.dashboard{padding:2rem 2.5rem;background:linear-gradient(180deg,var(--surface-elevated) 0%,var(--surface) 100%);border-bottom:1px solid var(--border-light)}.dashboard-title{margin:0 0 1.75rem;font-family:Playfair Display,Georgia,serif;font-size:1.6rem;color:var(--text-primary);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;margin-bottom:2.5rem}.stat-card{background:var(--surface);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);text-align:center;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-smooth)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border)}.stat-card:hover:before{opacity:1}.stat-label{font-family:Outfit,sans-serif;font-size:.8rem;color:var(--text-muted);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.75px;font-weight:500}.stat-value{font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:700;color:var(--text-primary);line-height:1}.stats-section{margin-top:2rem;background:var(--surface);padding:1.75rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.stats-section h3{margin:0 0 1.25rem;font-family:Playfair Display,Georgia,serif;font-size:1.15rem;color:var(--text-primary);font-weight:600}.stats-bars{display:flex;flex-direction:column;gap:.85rem}.stat-bar-item{display:flex;align-items:center;gap:1rem}.stat-bar-label{min-width:150px;flex-shrink:0;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-align:right}.stat-bar-container{flex:1;height:32px;background:var(--surface-hover);border-radius:var(--radius-md);overflow:hidden;position:relative}.stat-bar-fill{height:100%;display:flex;align-items:center;justify-content:flex-start;padding-left:.75rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;color:#fff;min-width:45px;transition:width .5s cubic-bezier(.4,0,.2,1);text-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:var(--radius-md)}.stat-bar-fill{background:var(--primary-gradient)}.genre-bar{background:linear-gradient(135deg,#7c3aed,#a855f7)}.score-bar{background:linear-gradient(135deg,#059669,#10b981)}.score-model-bar{background:linear-gradient(135deg,#2563eb,#3b82f6)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.chart-toggle{display:flex;gap:.5rem;background:var(--surface-hover);padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border-light)}.toggle-btn{padding:.5rem 1rem;border:none;background:transparent;border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover{color:var(--text-primary);background:var(--surface)}.toggle-btn.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm)}.chart-container{width:100%;margin-top:1rem}.chart-container .recharts-wrapper{font-family:Outfit,sans-serif}.chart-container .recharts-cartesian-axis-tick-value{fill:var(--text-secondary);font-size:.75rem}.chart-container .recharts-legend-wrapper{padding-top:1rem}.chart-container .recharts-legend-item-text{color:var(--text-primary);font-size:.875rem}@media (max-width: 768px){.dashboard{padding:1.5rem 1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem}.stat-value{font-size:1.75rem}.stats-section{padding:1.25rem}.stat-bar-item{flex-direction:column;align-items:stretch;gap:.5rem}.stat-bar-label{min-width:auto;text-align:left}.stat-bar-container{width:100%}.chart-header{flex-direction:column;align-items:flex-start}.chart-toggle{width:100%;justify-content:stretch}.toggle-btn{flex:1}.chart-container{overflow-x:auto}}.model-comparison-table-wrapper{overflow-x:auto;margin-top:1rem}.model-comparison-table{width:100%;border-collapse:collapse;background:var(--surface, #fff);border-radius:var(--radius-md, 8px);overflow:hidden}.model-comparison-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.model-comparison-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary, #213547);font-size:.9rem;border-bottom:2px solid var(--border, #dee2e6)}.model-comparison-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.model-comparison-table th.sortable:hover{background-color:#0000000d}.sort-icon{margin-left:.5rem;font-size:.8rem;color:var(--text-secondary, #666)}.model-comparison-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-light, #e9ecef);color:var(--text-primary, #213547)}.model-comparison-table tbody tr:hover{background-color:var(--bg-secondary, #f8f9fa)}.model-comparison-table tbody tr:last-child td{border-bottom:none}.model-name{font-weight:600;color:var(--text-primary, #213547)}.score-cell{width:100%}.score-bar-container{flex:1;position:relative;height:20px;background:var(--bg-secondary, #f0f0f0);border-radius:var(--radius-sm, 4px);overflow:hidden}.score-bar{height:100%;transition:width .3s ease}.score-text{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text-primary, #213547);z-index:1}.best-value,.score-cell.best-value .score-text{text-decoration:underline}.no-data{color:var(--text-secondary, #999);font-style:italic}.score-distribution-mini{display:flex;gap:2px;height:16px;width:100%;max-width:120px}.mini-bar-container{flex:1;background:var(--bg-secondary, #f0f0f0);border-radius:2px;overflow:hidden}.mini-bar{height:100%;background:linear-gradient(135deg,#dc2626,#f59e0b,#10b981);transition:width .3s ease}.model-comparison-empty{padding:3rem;text-align:center;color:var(--text-secondary, #666)}@media (max-width: 1024px){.model-comparison-table{font-size:.85rem}.model-comparison-table th,.model-comparison-table td{padding:.75rem .5rem}}.analytics-view{padding:2rem;max-width:1400px;margin:0 auto}.analytics-title{font-size:2rem;font-weight:700;color:var(--text-primary, #213547);margin-bottom:2rem;text-align:center}.analytics-section{margin-bottom:3rem;padding:1.5rem;background:var(--surface, #fff);border-radius:var(--radius-lg, 12px);box-shadow:0 2px 8px #0000000d}.section-title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #213547);margin-bottom:.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-light, #e0e0e0)}.section-description{margin:0 0 1rem;color:var(--text-secondary, #666);font-size:.9rem}.chart-container{margin-top:1.5rem}.chart-subtitle{font-size:1.1rem;font-weight:600;color:var(--text-primary, #213547);margin-bottom:1rem}.coming-soon{padding:3rem;text-align:center;color:var(--text-secondary, #666);font-style:italic}.loading-message,.error-message,.empty-state{padding:3rem;text-align:center;color:var(--text-secondary, #666)}.stats-grid-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;margin-bottom:2.5rem}.stat-card-skeleton{background:var(--surface, #ffffff);padding:1.5rem;border-radius:var(--radius-lg, 12px);border:1px solid var(--border-light, #e0e0e0);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));text-align:center}.skeleton-stat-label{margin-bottom:.6rem}.skeleton-stat-value{margin:0 auto}.skeleton-chart-subtitle{display:block}.error-message{color:var(--error, #f44336)}.error-message button{margin-top:1rem;padding:.5rem 1rem;background:var(--primary, #646cff);color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;font-size:.9rem}.error-message button:hover{background:var(--primary-hover, #535bf2)}@media (max-width: 768px){.analytics-view{padding:1rem}.analytics-title{font-size:1.5rem}.analytics-section{padding:1rem;margin-bottom:2rem}.section-title{font-size:1.2rem}}.connections-view{max-width:900px;margin:0 auto;padding:2.5rem;animation:fadeIn .3s ease}.connections-header{margin-bottom:2.5rem;text-align:center}.connections-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:600;color:var(--text-primary, #1f2937);font-family:Playfair Display,Georgia,serif}.connections-subtitle{margin:0;font-size:.95rem;color:var(--text-secondary, #6b7280);font-family:Outfit,sans-serif}.connections-tabs{display:flex;gap:.5rem;margin-bottom:2.5rem;border-bottom:2px solid var(--border-light, #e5e7eb);position:relative}.connections-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #6b7280);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease);font-family:Outfit,sans-serif;position:relative;margin-bottom:-2px}.connections-tab:hover:not(.active){color:var(--text-primary, #1f2937);background:var(--background-secondary, #f9fafb)}.connections-tab.active{color:var(--accent, #3b82f6);border-bottom-color:var(--accent, #3b82f6);font-weight:600}.tab-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#dc2626;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;line-height:1;margin-left:.25rem}.connections-content{min-height:400px;position:relative}.tab-content{width:100%}.user-search-section{display:flex;flex-direction:column;gap:1.5rem}.search-bar{display:flex;gap:1rem;align-items:center}.search-input{flex:1;padding:.875rem 1.25rem;background:var(--surface, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, .5rem);color:var(--text-primary, #1f2937);font-size:.95rem;font-family:Outfit,sans-serif;transition:border-color var(--transition-fast),box-shadow .2s ease-out}.search-input:focus{outline:none;border-color:var(--accent, #3b82f6);box-shadow:0 0 0 var(--focus-glow-spread) #3b82f626,var(--shadow-sm)}.search-button{padding:.875rem 1.75rem;background:var(--accent, #3b82f6);border:none;border-radius:var(--radius-md, .5rem);color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:transform var(--transition-spring),background-color var(--transition-fast),box-shadow var(--transition-smooth);font-family:Outfit,sans-serif;white-space:nowrap}.search-button:hover:not(:disabled){background:var(--accent-hover, #2563eb);transform:translateY(var(--btn-hover-lift)) scale(var(--btn-hover-scale));box-shadow:0 4px 8px #3b82f633}.search-button:active:not(:disabled){transform:scale(var(--btn-active-scale));transition-duration:.1s}.search-button:disabled{opacity:.6;cursor:not-allowed}.search-result{margin-top:1rem}.user-card{padding:1.75rem;background:var(--surface, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-lg, .75rem);box-shadow:var(--shadow-card);transition:all var(--transition-smooth, .2s ease)}.user-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border, #d1d5db)}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.user-info h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1f2937);font-family:Outfit,sans-serif}.user-email{margin:0;font-size:.9rem;color:var(--text-secondary, #6b7280);font-family:Outfit,sans-serif}.status-badge{padding:.4rem .75rem;border-radius:var(--radius-sm, .375rem);font-size:.8rem;font-weight:600;font-family:Outfit,sans-serif}.status-badge.connected{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.pending{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.user-card-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border:1px solid;border-radius:var(--radius-md, .5rem);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease);font-family:Outfit,sans-serif}.action-button.primary{background:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6);color:#fff}.action-button.primary:hover{background:var(--accent-hover, #2563eb);border-color:var(--accent-hover, #2563eb);transform:translateY(-1px)}.action-button.success{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.action-button.success:hover{background:#22c55e;color:#fff}.action-button.danger{background:#ef44441a;border-color:#ef4444;color:#ef4444}.action-button.danger:hover{background:#ef4444;color:#fff}.no-results{padding:3rem 2rem;text-align:center;background:var(--background-secondary, #f9fafb);border:1px dashed var(--border-light, #e5e7eb);border-radius:var(--radius-lg, .75rem)}.no-results p{margin:.5rem 0;color:var(--text-secondary, #6b7280);font-family:Outfit,sans-serif}.no-results-hint{font-size:.85rem;color:var(--text-muted, #9ca3af)}.pending-requests{display:flex;flex-direction:column;gap:2rem}.pending-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1f2937);font-family:Outfit,sans-serif}.connections-list{display:flex;flex-direction:column;gap:1rem}.connection-card{padding:1.25rem;background:var(--surface, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, .5rem);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:all var(--transition-smooth, .2s ease)}.connection-card:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));border-color:var(--border, #d1d5db)}.connection-card-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.connection-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.connection-user-info{display:flex;flex-direction:column;gap:.25rem}.connection-user-name{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937);font-family:Outfit,sans-serif}.connection-user-email{margin:0;font-size:.85rem;color:var(--text-secondary, #6b7280);font-family:Outfit,sans-serif}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;font-family:Outfit,sans-serif}.connection-status.accepted{color:#22c55e}.connection-status.pending{color:#fbbf24}.connection-status.outgoing{color:var(--text-secondary, #6b7280)}.connection-meta{display:flex;flex-direction:column;gap:.25rem}.connection-id,.connection-date{margin:0;font-size:.85rem;color:var(--text-secondary, #6b7280);font-family:Outfit,sans-serif}.connection-actions{display:flex;gap:.5rem;flex-shrink:0}.empty-state,.loading-state{padding:4rem 2rem;text-align:center;color:var(--text-secondary, #6b7280);font-family:Outfit,sans-serif}.empty-state svg,.loading-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{margin:.5rem 0;font-size:1rem}.empty-state-hint{font-size:.9rem;color:var(--text-muted, #9ca3af)}.empty-state-cta{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent, #3b82f6);color:#fff;border:none;border-radius:var(--radius-md, .5rem);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.empty-state-cta:hover{background:var(--accent-hover, #2563eb);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 768px){.connections-view{padding:1rem}.connections-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.25rem;justify-content:space-around}.connections-tabs::-webkit-scrollbar{display:none}.connections-tab{flex-shrink:0;padding:.75rem 1rem;min-width:auto;position:relative}.connections-tab span{display:none}.tab-badge{position:absolute;top:4px;right:4px;margin-left:0}.search-bar{flex-direction:column}.search-input,.search-button{width:100%}.user-card-header{flex-direction:column;gap:1rem}.connection-card-content{flex-direction:column;align-items:flex-start}.connection-actions{width:100%}.action-button{flex:1;justify-content:center}}.referral-section{display:flex;flex-direction:column;gap:2rem}.referral-header{text-align:center;margin-bottom:1rem}.referral-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary, #1f2937);font-family:Playfair Display,Georgia,serif}.referral-description{margin:0;font-size:.95rem;color:var(--text-secondary, #6b7280);font-family:Outfit,sans-serif;line-height:1.6}.referral-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{padding:1.5rem;background:var(--surface, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, .5rem);text-align:center;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:all var(--transition-smooth, .2s ease)}.stat-card:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));transform:translateY(-2px)}.stat-card.success{border-color:#22c55e;background:#22c55e0d}.stat-card.pending{border-color:#fbbf24;background:#fbbf240d}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary, #1f2937);font-family:Outfit,sans-serif;margin-bottom:.5rem}.stat-card.success .stat-value{color:#22c55e}.stat-card.pending .stat-value{color:#fbbf24}.stat-label{font-size:.85rem;color:var(--text-secondary, #6b7280);font-family:Outfit,sans-serif;font-weight:500}.referral-form{background:var(--surface, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-lg, .75rem);padding:2rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.referral-input-group{display:flex;flex-direction:column;gap:.75rem}.referral-input-group label{font-size:.95rem;font-weight:500;color:var(--text-primary, #1f2937);font-family:Outfit,sans-serif}.referral-input-wrapper{display:flex;gap:.75rem;align-items:stretch}.referral-input{flex:1;padding:.875rem 1.25rem;background:var(--background-secondary, #f9fafb);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, .5rem);color:var(--text-primary, #1f2937);font-size:.95rem;font-family:Outfit,sans-serif;transition:all var(--transition-fast, .15s ease)}.referral-input:focus{outline:none;background:var(--surface, #ffffff);border-color:var(--accent, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.referral-input:disabled{opacity:.6;cursor:not-allowed}.referral-send-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md, .5rem);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease);font-family:Outfit,sans-serif;white-space:nowrap}.referral-send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.referral-send-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.referral-hint{margin:0;font-size:.85rem;color:var(--text-secondary, #6b7280);font-family:Outfit,sans-serif}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.referrals-list{background:var(--surface, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-lg, .75rem);padding:1.5rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.referrals-list h4{margin:0 0 1.25rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1f2937);font-family:Outfit,sans-serif}.referrals-table{display:flex;flex-direction:column;gap:.75rem}.referral-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background-secondary, #f9fafb);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, .5rem);transition:all var(--transition-fast, .15s ease)}.referral-item:hover{background:var(--surface, #ffffff);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.referral-item-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.referral-email{font-size:.95rem;font-weight:500;color:var(--text-primary, #1f2937);font-family:Outfit,sans-serif}.referral-date{font-size:.85rem;color:var(--text-secondary, #6b7280);font-family:Outfit,sans-serif}.referral-item-status{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.referral-registered-date{font-size:.8rem;color:var(--text-secondary, #6b7280);font-family:Outfit,sans-serif}.status-badge.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3);display:flex;align-items:center;gap:.4rem}.status-badge.expired{background:#9ca3af1a;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}@media (max-width: 768px){.referral-stats{grid-template-columns:1fr}.referral-input-wrapper{flex-direction:column}.referral-input,.referral-send-button{width:100%}.referral-item{flex-direction:column;align-items:flex-start;gap:1rem}.referral-item-status{align-items:flex-start;width:100%}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--app-bg);position:relative}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;height:40vh;background:var(--primary-gradient);opacity:.05;z-index:0}.auth-container{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:2.5rem;animation:fadeIn .4s ease-out;position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.auth-header h2{font-size:1.5rem;color:var(--text-primary);font-weight:600}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-field{display:flex;flex-direction:column;gap:.5rem}.auth-field label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.auth-field input{padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:border-color var(--transition-fast),box-shadow .2s ease-out;background:var(--surface);color:var(--text-primary);width:100%;box-sizing:border-box}.auth-field .password-input-wrapper{position:relative}.auth-field .password-input-wrapper input{padding-right:2.75rem}.auth-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 var(--focus-glow-spread) rgba(201,72,91,var(--focus-glow-opacity)),var(--shadow-sm)}.auth-field input:disabled{opacity:.6;cursor:not-allowed}.auth-hint{font-size:.75rem;color:var(--text-muted);margin-top:-.25rem}.auth-error{padding:.75rem 1rem;background:#c9485b1a;border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--accent);font-size:.875rem;text-align:center}.auth-success-message{padding:1.5rem;background:var(--success-light);border:1px solid var(--success);border-radius:var(--radius-md);color:var(--text-primary);text-align:center;margin-bottom:1rem}.auth-success-message p{margin-bottom:.5rem}.auth-description{color:var(--text-secondary);font-size:.875rem;text-align:center;margin-bottom:.5rem}.auth-submit-button{padding:.875rem 1.75rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--transition-spring),background-color var(--transition-fast),box-shadow var(--transition-smooth);margin-top:.5rem;box-shadow:0 2px 8px #c9485b33;letter-spacing:.01em}.auth-submit-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(var(--btn-hover-lift)) scale(var(--btn-hover-scale));box-shadow:0 4px 12px #c9485b4d}.auth-submit-button:active:not(:disabled){transform:scale(var(--btn-active-scale));transition-duration:.1s}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed}.auth-links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.875rem}.auth-link-button{background:none;border:none;color:var(--accent);font-size:.875rem;cursor:pointer;padding:.25rem .5rem;transition:color var(--transition-fast);font-family:inherit}.auth-link-button:hover:not(:disabled){color:var(--accent-hover);text-decoration:underline}.auth-link-button:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:var(--text-muted)}.verification-message{text-align:center;padding:2rem 1rem}.verification-icon{font-size:4rem;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.verification-text{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.verification-email{color:var(--accent);font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;word-break:break-all}.verification-instructions{color:var(--text-muted);font-size:.875rem;line-height:1.6}.verification-instructions small{color:var(--text-muted);opacity:.8}.email-not-verified-warning{padding:1.25rem;background:#ffc1071a;border:1px solid #ffc107;border-radius:var(--radius-md);text-align:center;margin-bottom:1rem}.email-not-verified-warning p{color:var(--text-primary);font-size:.9rem;margin-bottom:1rem}.resend-button{padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.resend-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.resend-button:disabled{opacity:.6;cursor:not-allowed}.resend-success{color:var(--success);font-size:.875rem;margin-top:.75rem}@media (max-width: 480px){.auth-container{padding:2rem 1.5rem}.auth-header h1{font-size:2rem}.auth-header h2{font-size:1.25rem}}.auth-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.token-display{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-top:1rem;word-break:break-all;font-family:Fira Code,Monaco,monospace;font-size:.85rem;color:var(--accent-color);-webkit-user-select:all;user-select:all}.token-display code{display:block;background:transparent;padding:0}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a2ef7,#16213ef7,#0f3460f7);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);z-index:9999;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing-xl) + var(--safe-area-inset-top)) calc(var(--spacing-xl) + var(--safe-area-inset-right)) calc(var(--spacing-xl) + var(--safe-area-inset-bottom)) calc(var(--spacing-xl) + var(--safe-area-inset-left));animation:fadeIn .3s ease-out}.onboarding-skip{position:absolute;top:calc(var(--spacing-xl) + var(--safe-area-inset-top));right:calc(var(--spacing-xl) + var(--safe-area-inset-right));background:transparent;border:2px solid rgba(255,255,255,.3);color:#ffffffe6;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);z-index:10000}.onboarding-skip:hover{border-color:#ffffff80;color:#fff;background:#ffffff1a}.onboarding-container{width:100%;max-width:520px;min-height:500px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-deep);padding:var(--spacing-3xl) var(--spacing-2xl);padding-top:calc(var(--spacing-3xl) + var(--spacing-lg));position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl);animation:slideUp .4s cubic-bezier(.25,.46,.45,.94);overflow:visible}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.onboarding-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);text-align:center;width:100%}.onboarding-slide-right{animation:slideInRight .4s cubic-bezier(.25,.46,.45,.94)}.onboarding-slide-left{animation:slideInLeft .4s cubic-bezier(.25,.46,.45,.94)}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.onboarding-icon-wrapper{display:flex;align-items:center;justify-content:center;width:120px;height:120px;min-width:120px;min-height:120px;margin-top:var(--spacing-md);color:var(--accent);animation:iconPulse 2s ease-in-out infinite;overflow:visible;position:relative}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.onboarding-icon-svg{width:100%;height:100%;transition:var(--transition-elegant)}.onboarding-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--primary-dark),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.onboarding-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin:0;max-width:400px}.onboarding-description p{margin:0}.onboarding-modes-list{list-style:none;padding-left:0;margin:0;text-align:left;display:inline-block;width:100%}.onboarding-modes-list li{margin:.5rem 0;padding-left:1.5rem;position:relative}.onboarding-modes-list li:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:700;font-size:1.2em}.onboarding-description strong{color:var(--accent);font-weight:600}.onboarding-navigation{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);width:100%}.onboarding-dots{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:center}.onboarding-dot{width:10px;height:10px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.4);background:transparent;cursor:pointer;transition:var(--transition-normal);padding:0}.onboarding-dot:hover{border-color:#fff9;background:#fff3}.onboarding-dot.active{width:32px;background:var(--accent);border-color:var(--accent);animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 #c9485b66}50%{box-shadow:0 0 0 8px #c9485b00}}.onboarding-buttons{display:flex;gap:var(--spacing-md);width:100%;justify-content:center}.onboarding-button{padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);border:none;min-width:120px}.onboarding-button-primary{background:var(--cta-bg);color:#fff;box-shadow:var(--cta-shadow)}.onboarding-button-primary:hover{background:var(--cta-bg-hover);box-shadow:var(--cta-shadow-hover);transform:translateY(-2px)}.onboarding-button-primary:active{transform:translateY(0)}.onboarding-button-secondary{background:var(--surface-elevated);color:var(--text-primary);border:2px solid var(--border)}.onboarding-button-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}@media (max-width: 768px){.onboarding-overlay{padding:var(--spacing-lg)}.onboarding-container{padding:var(--spacing-2xl) var(--spacing-xl);max-width:95%;min-height:auto}.onboarding-title{font-size:1.75rem}.onboarding-description{font-size:1rem}.onboarding-icon-wrapper{width:100px;height:100px;min-width:100px;min-height:100px}.onboarding-skip{top:calc(var(--spacing-md) + var(--safe-area-inset-top));right:calc(var(--spacing-md) + var(--safe-area-inset-right));padding:.5rem 1rem;font-size:.8125rem;min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1)}.onboarding-button{min-height:44px;padding:.875rem 1.5rem;touch-action:manipulation;-webkit-tap-highlight-color:rgba(201,72,91,.1)}.onboarding-dot{min-width:44px;min-height:44px;width:44px;height:44px}}@media (max-width: 480px){.onboarding-overlay{padding:var(--spacing-md)}.onboarding-container{padding:var(--spacing-xl) var(--spacing-lg);max-width:100%;min-height:auto}.onboarding-title{font-size:1.5rem}.onboarding-description{font-size:.9375rem}.onboarding-icon-wrapper{width:90px;height:90px;min-width:90px;min-height:90px}.onboarding-buttons{flex-direction:column}.onboarding-button{width:100%;min-height:44px;padding:.875rem 1.5rem}.onboarding-dot{min-width:44px;min-height:44px;width:44px;height:44px}}.main-navigation{display:flex;justify-content:space-between;align-items:center;padding:1rem 2.5rem;padding-top:calc(1rem + var(--safe-area-inset-top));background:linear-gradient(135deg,#0f3460,#16213e,#0f3460);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #1a1a2e33,0 1px #ffffff0d inset;position:sticky;top:0;left:0;right:0;z-index:100;gap:2rem;min-width:0;width:100%;margin:0}.nav-brand{flex-shrink:0;margin-right:auto;display:flex;align-items:center}.nav-logo{height:52px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));transition:transform var(--transition-fast),filter var(--transition-fast)}.nav-logo:hover{transform:scale(1.02);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.nav-brand h1{margin:0;font-size:1.6rem;color:#fff;font-weight:700;font-family:Playfair Display,Georgia,serif;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.nav-links{display:flex;gap:.75rem;flex-shrink:0;margin:0 auto}.nav-link{position:relative;display:flex;align-items:center;padding:.65rem 1.5rem;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);color:#ffffffe6;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:background var(--transition-smooth),border-color var(--transition-smooth),transform var(--transition-smooth),box-shadow var(--transition-smooth)}.nav-link:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.nav-link:active{transform:translateY(0)}.nav-link.active{background:#fffffff2;color:var(--primary-dark);border-color:#ffffffe6;box-shadow:0 4px 15px #00000026,0 1px #ffffff80 inset;font-weight:600}.nav-link.active:hover{background:#fff;border-color:#fff;box-shadow:0 6px 20px #0003,0 1px #ffffff80 inset}.nav-link-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;background:#dc2626;border:2px solid rgba(15,52,96,1);border-radius:9px;color:#fff;font-size:.65rem;font-weight:700;line-height:14px;text-align:center;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;z-index:1}.nav-menu-toggle{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;cursor:pointer;padding:.5rem;transition:all var(--transition-fast);min-width:44px;min-height:44px;align-items:center;justify-content:center;flex-shrink:0;font-family:inherit}.nav-menu-toggle:hover{background:#ffffff26;border-color:#ffffff4d}.nav-menu-toggle:active{transform:scale(.95)}.nav-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;display:none;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-desktop-links{display:flex;align-items:center;gap:2rem;flex:1;min-width:0;position:relative}.nav-desktop-links>.nav-user{margin-left:auto}.nav-desktop-links>.nav-links{margin:0 auto}.nav-mobile-only{display:none}@media (max-width: 768px){.main-navigation{padding-top:calc(.75rem + var(--safe-area-inset-top));padding-right:calc(1.25rem + var(--safe-area-inset-right));padding-bottom:.75rem;padding-left:calc(1.25rem + var(--safe-area-inset-left));flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;position:sticky;top:0}.nav-brand{margin-right:0}.nav-logo{height:44px}.nav-brand h1{font-size:1.4rem}.nav-desktop-links{display:none}.nav-mobile-only{display:flex;align-items:center;margin-left:auto}.nav-menu-toggle,.nav-menu-overlay,.nav-mobile-container{display:none!important}}.nav-user{display:flex;align-items:center;gap:.75rem;margin-left:auto;flex-shrink:0;min-width:fit-content;padding-left:1rem}.nav-user-name{color:#ffffffe6;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:visible;text-overflow:ellipsis;max-width:none;min-width:fit-content}.nav-user-badge{padding:.25rem .5rem;background:#c9485b4d;border:1px solid rgba(201,72,91,.5);border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase}.nav-logout-button{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#ffffffe6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.nav-logout-button:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.nav-logout-button:disabled{opacity:.6;cursor:not-allowed}.notification-bell-container{position:relative;display:flex;align-items:center}.notification-bell-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md, .5rem);color:#ffffffe6;cursor:pointer;transition:all var(--transition-fast, .15s ease);font-family:inherit}.notification-bell-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.notification-bell-button:active:not(:disabled){transform:translateY(0)}.notification-bell-button.active{background:#fff3;border-color:#fff6}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:#dc2626;border:2px solid rgba(15,52,96,1);border-radius:9px;color:#fff;font-size:.65rem;font-weight:700;line-height:14px;text-align:center;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif}.notification-dropdown{position:fixed;width:380px;max-width:calc(100vw - 2rem);max-height:600px;background:var(--surface, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-lg, .75rem);box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a;z-index:99999;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light, #e5e7eb);background:var(--background-secondary, #f9fafb)}.notification-dropdown-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937);font-family:Outfit,sans-serif}.notification-mark-all-read{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:transparent;border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-sm, .375rem);color:var(--text-secondary, #6b7280);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease);font-family:Outfit,sans-serif}.notification-mark-all-read:hover:not(:disabled){background:var(--background-tertiary, #f3f4f6);border-color:var(--border, #d1d5db);color:var(--text-primary, #1f2937)}.notification-mark-all-read:disabled{opacity:.5;cursor:not-allowed}.notification-list{flex:1;overflow-y:auto;max-height:500px;padding:.5rem 0}.notification-empty{padding:2rem 1.25rem;text-align:center;color:var(--text-muted, #9ca3af);font-size:.9rem;font-family:Outfit,sans-serif}.notification-item{padding:.875rem 1.25rem;border-bottom:1px solid var(--border-light, #e5e7eb);transition:background-color var(--transition-fast, .15s ease);position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--background-secondary, #f9fafb)}.notification-item.unread{background:#3b82f60d}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3b82f6}.notification-item-content{display:flex;flex-direction:column;gap:.5rem}.notification-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.notification-title{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary, #1f2937);font-family:Outfit,sans-serif;flex:1}.notification-item-actions{display:flex;gap:.25rem;flex-shrink:0}.notification-action-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm, .375rem);color:var(--text-muted, #9ca3af);cursor:pointer;transition:all var(--transition-fast, .15s ease);opacity:0}.notification-item:hover .notification-action-button{opacity:1}.notification-action-button:hover{background:var(--background-tertiary, #f3f4f6);border-color:var(--border-light, #e5e7eb);color:var(--text-primary, #1f2937)}.notification-message{margin:0;font-size:.85rem;color:var(--text-secondary, #6b7280);line-height:1.4;font-family:Outfit,sans-serif}.notification-time{font-size:.75rem;color:var(--text-muted, #9ca3af);font-family:Outfit,sans-serif}.notification-book-share-actions{display:flex;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-light, #e5e7eb)}.notification-accept-button,.notification-decline-button{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid transparent;border-radius:var(--radius-sm, .375rem);font-size:.85rem;font-weight:500;font-family:Outfit,sans-serif;cursor:pointer;transition:all var(--transition-fast, .15s ease);flex:1;justify-content:center}.notification-accept-button{background:var(--success, #10b981);color:#fff;border-color:var(--success, #10b981)}.notification-accept-button:hover:not(:disabled){background:var(--success-hover, #059669);border-color:var(--success-hover, #059669);transform:translateY(-1px);box-shadow:0 2px 4px #10b9814d}.notification-accept-button:active:not(:disabled){transform:translateY(0)}.notification-decline-button{background:transparent;color:var(--text-secondary, #6b7280);border-color:var(--border-light, #e5e7eb)}.notification-decline-button:hover:not(:disabled){background:var(--background-tertiary, #f3f4f6);border-color:var(--border, #d1d5db);color:var(--text-primary, #1f2937)}.notification-accept-button:disabled,.notification-decline-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.notification-dropdown{width:calc(100vw - 2rem);max-height:70vh;right:1rem!important;left:1rem!important}.notification-bell-button{width:36px;height:36px}.notification-badge{min-width:16px;height:16px;font-size:.6rem;line-height:12px}}.bottom-navigation{display:none}@media (max-width: 768px){.bottom-navigation{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:linear-gradient(135deg,#0f3460,#16213e,#0f3460);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 24px #00000014,0 -8px 32px #0000000f,0 -1px #ffffff0d inset;padding-top:.5rem;padding-bottom:calc(.5rem + var(--safe-area-inset-bottom));padding-left:calc(.5rem + var(--safe-area-inset-left));padding-right:calc(.5rem + var(--safe-area-inset-right));justify-content:space-around;align-items:center;gap:.25rem;min-height:60px}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;min-width:60px;min-height:60px;color:#ffffffb3;text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1);position:relative;flex:1;max-width:80px}.bottom-nav-item:active{transform:scale(.95);background:#ffffff1a}.bottom-nav-item.active{color:#fff;background:#ffffff26}.bottom-nav-item.active .bottom-nav-label{font-weight:600}.bottom-nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.bottom-nav-label{font-size:.7rem;font-weight:500;font-family:Outfit,sans-serif;text-align:center;line-height:1;margin-top:.125rem}.bottom-nav-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;background:#dc2626;border:2px solid rgba(15,52,96,1);border-radius:9px;color:#fff;font-size:.65rem;font-weight:700;line-height:14px;text-align:center;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;z-index:1}.bottom-nav-profile{position:relative}.bottom-nav-profile-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;min-width:60px;min-height:60px;color:#ffffffb3;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1);font-family:inherit;flex:1;max-width:80px}.bottom-nav-profile-button:active{transform:scale(.95);background:#ffffff1a}.bottom-nav-profile-button.active{color:#fff;background:#ffffff26}.bottom-nav-profile-button.active .bottom-nav-label{font-weight:600}.bottom-nav-profile-menu{position:absolute;bottom:calc(100% + .5rem);right:calc(var(--safe-area-inset-right, 0px) + .5rem);background:#0f3460fa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d,0 1px #ffffff1a inset;min-width:200px;max-width:280px;padding:.75rem 0;z-index:101;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;gap:.5rem}.profile-menu-name{color:#ffffffe6;font-size:.875rem;font-weight:600;font-family:Outfit,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.profile-menu-badge{padding:.25rem .5rem;background:#c9485b4d;border:1px solid rgba(201,72,91,.5);border-radius:var(--radius-sm);color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.profile-menu-divider{height:1px;background:#ffffff1a;margin:.5rem 0}.profile-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:#ffffffe6;font-size:.875rem;font-weight:500;font-family:Outfit,sans-serif;text-align:left;cursor:pointer;transition:background var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1)}.profile-menu-item:hover:not(:disabled){background:#ffffff1a}.profile-menu-item:active:not(:disabled){background:#ffffff26}.profile-menu-item:disabled{opacity:.6;cursor:not-allowed}.profile-menu-item-danger{color:#dc2626e6}.profile-menu-item-danger:hover:not(:disabled){background:#dc26261a;color:#dc2626}}@media (min-width: 769px){.bottom-navigation{display:none}}.App{width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.app-main{flex:1;width:100%;overflow-y:auto;overflow-x:hidden}@media (max-width: 768px){.App{height:100vh;height:100dvh;min-height:auto;overflow:hidden}.app-main{flex:1;max-height:calc(100dvh - 60px - 60px - var(--safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;padding-bottom:calc(20px + var(--safe-area-inset-bottom));-webkit-overflow-scrolling:touch}button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}button:not(.nav-menu-toggle):not(.onboarding-dot){min-height:44px;min-width:44px}.onboarding-dot,.nav-menu-toggle{min-height:44px;min-width:44px}}:root{--font-display: "Playfair Display", Georgia, serif;--font-body: "Outfit", system-ui, sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .01em;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.7;font-family:var(--font-body);line-height:var(--leading-normal);font-weight:var(--font-weight-regular);--primary-dark: #1a1a2e;--primary-mid: #16213e;--primary-light: #0f3460;--primary-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--accent: #c9485b;--accent-hover: #d95a6a;--accent-light: rgba(201, 72, 91, .1);--accent-glow: rgba(201, 72, 91, .4);--success: #10b981;--success-light: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .1);--app-bg: radial-gradient(ellipse at top right, rgba(201, 72, 91, .03) 0%, transparent 50%), radial-gradient(ellipse at bottom left, rgba(15, 52, 96, .05) 0%, transparent 50%), var(--surface);--surface: #ffffff;--surface-elevated: #f8fafc;--surface-hover: #f1f5f9;--text-primary: #1a1a2e;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--cta-bg: var(--accent);--cta-bg-hover: var(--accent-hover);--cta-shadow: 0 2px 8px rgba(201, 72, 91, .2);--cta-shadow-hover: 0 4px 15px var(--accent-glow);--focus-ring: 0 0 0 3px var(--accent-light);--shadow-sm: 0 0 0 1px rgba(0, 0, 0, .02), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 0 0 1px rgba(0, 0, 0, .02), 0 1px 2px rgba(0, 0, 0, .03), 0 4px 8px rgba(0, 0, 0, .04);--shadow-lg: 0 0 0 1px rgba(0, 0, 0, .02), 0 2px 4px rgba(0, 0, 0, .03), 0 8px 16px rgba(0, 0, 0, .05), 0 16px 32px rgba(0, 0, 0, .05);--shadow-xl: 0 0 0 1px rgba(0, 0, 0, .02), 0 4px 8px rgba(0, 0, 0, .03), 0 16px 32px rgba(0, 0, 0, .06), 0 32px 64px rgba(0, 0, 0, .08);--shadow-card: 0 0 0 1px rgba(0, 0, 0, .03), 0 1px 3px rgba(0, 0, 0, .04), 0 6px 16px rgba(0, 0, 0, .06);--shadow-card-hover: 0 0 0 1px rgba(0, 0, 0, .03), 0 4px 8px rgba(0, 0, 0, .04), 0 12px 28px rgba(0, 0, 0, .1);--shadow-modal: 0 0 0 1px rgba(0, 0, 0, .04), 0 8px 16px rgba(0, 0, 0, .08), 0 24px 48px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(201, 72, 91, .3);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .37);--shadow-deep: 0 20px 60px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-elegant: .4s cubic-bezier(.25, .46, .45, .94);--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--btn-hover-lift: -2px;--btn-hover-scale: 1.02;--btn-active-scale: .98;--focus-glow-spread: 4px;--focus-glow-opacity: .15;--card-stagger-delay: 50ms;--glass-bg: rgba(255, 255, 255, .1);--glass-bg-light: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .15);--glass-border-light: rgba(255, 255, 255, .2);--glass-blur: blur(12px);--glass-blur-light: blur(8px);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-section: 5rem;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--surface)}*{box-sizing:border-box}html{height:100%;overflow-y:auto;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;height:auto;overflow-x:hidden;overflow-y:visible;background:var(--app-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{width:100%;margin:0;padding:0;text-align:left;overflow-y:auto;overflow-x:hidden}@media (max-width: 768px){html,body,#root{height:100%;height:100dvh;overflow:hidden}}h1,h2,h3{font-family:var(--font-display);color:var(--text-primary);margin:0;text-rendering:optimizeLegibility}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}h4,h5,h6{font-family:var(--font-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}p{color:var(--text-secondary);margin:0;line-height:1.7;letter-spacing:.01em}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-muted{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes smoothScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}.animate-slideIn{animation:slideIn .3s ease-out forwards}.animate-smoothScale{animation:smoothScale .3s ease-out forwards}.btn-interactive{transition:transform var(--transition-spring),box-shadow var(--transition-smooth),background-color var(--transition-fast);will-change:transform}.btn-interactive:hover:not(:disabled){transform:translateY(var(--btn-hover-lift)) scale(var(--btn-hover-scale))}.btn-interactive:active:not(:disabled){transform:scale(var(--btn-active-scale));transition-duration:.1s}.btn-interactive:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-glow-spread) rgba(201,72,91,var(--focus-glow-opacity)),var(--shadow-md)}.input-focus-glow{transition:border-color var(--transition-fast),box-shadow .2s ease-out}.input-focus-glow:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 var(--focus-glow-spread) rgba(201,72,91,var(--focus-glow-opacity)),var(--shadow-sm)}.icon-interactive{transition:transform var(--transition-fast),color var(--transition-fast);will-change:transform}.icon-interactive:hover{transform:scale(1.1);color:var(--accent)}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.text-display{font-family:var(--font-display)}.text-body{font-family:var(--font-body)}.text-light{font-weight:var(--font-weight-light)}.text-regular{font-weight:var(--font-weight-regular)}.text-medium{font-weight:var(--font-weight-medium)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-bold{font-weight:var(--font-weight-bold)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}@media (prefers-reduced-motion: reduce){.btn-interactive,.icon-interactive,.input-focus-glow{transition:none}.book-card{animation:none}}