:root{--color-primary: #7cb518;--color-primary-hover: #6a9c15;--color-primary-light: #9bd028;--color-primary-muted: rgba(124, 181, 24, .15);--color-secondary: #6b7280;--color-secondary-hover: #4b5563;--color-success: #84cc16;--color-warning: #eab308;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-error: #ef4444;--color-info: #38bdf8;--color-bg: #0c0d0a;--color-bg-secondary: #161813;--color-bg-tertiary: #22251d;--color-text: #f5f5f0;--color-text-secondary: #b8b8a8;--color-text-muted: #78786a;--color-border: #3a3d32;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}body{margin:0;min-height:100vh}#root{min-height:100vh}.layout{display:flex;flex-direction:column;min-height:100vh}.layout-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.logo{font-size:1.25rem;font-weight:600;margin:0;color:var(--color-primary)}.nav{display:flex;gap:var(--space-sm)}.nav-item{padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;transition:all .2s}.nav-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text)}.nav-item.active{background-color:var(--color-primary);color:#fff}.header-user-selector{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary)}.header-user-select{padding:var(--space-xs) var(--space-sm);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.8125rem;cursor:pointer;transition:border-color .2s}.header-user-select:hover{border-color:var(--color-primary)}.header-user-select:focus{outline:none;border-color:var(--color-primary)}.layout-main{flex:1;padding:var(--space-xl);max-width:1200px;margin:0 auto;width:100%}.btn{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:var(--space-sm) var(--space-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-hint{display:block;margin-top:var(--space-xs);font-size:.75rem;color:var(--color-text-muted)}.form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.chat-page{display:flex;flex-direction:column;height:calc(100vh - 180px)}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.chat-header h2{margin:0}.chat-unconfigured{text-align:center;padding:var(--space-xl)}.chat-unconfigured h2{margin-bottom:var(--space-md)}.messages-container{flex:1;overflow-y:auto;padding:var(--space-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.empty-chat{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}.hint{font-size:.875rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.chat-message{margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-lg)}.chat-message.user{background-color:#4a7a0f;margin-left:20%}.chat-message.assistant{background-color:var(--color-bg-tertiary);margin-right:10%}.message-header{display:flex;align-items:center;margin-bottom:var(--space-sm)}.message-role{font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--color-text-secondary)}.chat-message.user .message-role{color:#fffc}.message-meta{display:flex;gap:var(--space-sm);margin-left:var(--space-md)}.meta-agent,.meta-model,.meta-time{font-size:.625rem;padding:2px 6px;border-radius:var(--radius-sm);background-color:var(--color-bg-secondary);color:var(--color-text-muted)}.meta-agent{background-color:var(--color-primary);color:#fff}.meta-model{font-family:monospace}.tool-calls-indicator{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.tool-dot{font-size:1.5rem;line-height:1;transition:color .3s ease}.tool-dot-pending{color:var(--color-info);animation:pulse 1s infinite}.tool-dot-success{color:var(--color-primary-light)}.tool-dot-error{color:var(--color-error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.message-content{line-height:1.6}.message-content p{margin:0 0 var(--space-sm) 0}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4{margin:var(--space-md) 0 var(--space-sm) 0}.message-content h1:first-child,.message-content h2:first-child,.message-content h3:first-child,.message-content h4:first-child{margin-top:0}.message-content ul,.message-content ol{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.message-content li{margin-bottom:var(--space-xs)}.message-content code{background-color:var(--color-bg);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace;font-size:.875em}.message-content pre{background-color:var(--color-bg);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-sm) 0}.message-content pre code{background:none;padding:0}.message-content blockquote{border-left:3px solid var(--color-primary);margin:var(--space-sm) 0;padding-left:var(--space-md);color:var(--color-text-secondary)}.message-content table{border-collapse:collapse;width:100%;margin:var(--space-sm) 0}.message-content th,.message-content td{border:1px solid var(--color-border);padding:var(--space-sm);text-align:left}.message-content th{background-color:var(--color-bg)}.message-content a{color:var(--color-primary);text-decoration:none}.message-content a:hover{text-decoration:underline}.streaming-cursor{animation:blink 1s infinite;color:var(--color-primary)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.suggestion-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all .2s}.suggestion-button:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.suggestion-icon{font-size:1rem}.suggestion-label{font-weight:500}.message-artifacts{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.message-artifacts h4{margin:0 0 var(--space-md) 0;font-size:.875rem;color:var(--color-text-secondary)}.artifacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.artifact-card{display:flex;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.artifact-cover{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.artifact-info{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.artifact-type-badge{font-size:.625rem;text-transform:uppercase;padding:2px 6px;background-color:var(--color-primary);border-radius:var(--radius-sm);width:fit-content}.artifact-title{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-author,.artifact-album,.artifact-label{font-size:.75rem;color:var(--color-text-secondary)}.artifact-year{font-size:.75rem;color:var(--color-text-muted)}.artifact-isbn,.artifact-duration{font-size:.625rem;color:var(--color-text-muted)}.artifact-description{font-size:.75rem;color:var(--color-text-secondary);margin:var(--space-xs) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.artifact-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.artifact-tag{font-size:.625rem;padding:2px 6px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-secondary)}.artifact-tracks{font-size:.75rem;margin-top:var(--space-sm)}.tracks-header{color:var(--color-text-secondary);display:block;margin-bottom:var(--space-xs)}.artifact-tracks ul{margin:0;padding-left:var(--space-md)}.artifact-tracks li{color:var(--color-text-muted);margin-bottom:2px}.track-duration{margin-left:var(--space-sm);color:var(--color-text-muted)}.more-tracks{font-style:italic;color:var(--color-text-muted)}.chat-input-container{display:flex;gap:var(--space-sm);align-items:stretch}.chat-input{flex:1;padding:var(--space-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:1rem;resize:none;font-family:inherit}.chat-input:focus{outline:none;border-color:var(--color-primary)}.chat-input:disabled{opacity:.7}.btn-icon{display:flex;align-items:center;justify-content:center;width:48px;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-icon-primary{background-color:var(--color-primary);color:#fff}.btn-icon-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-icon-danger{background-color:var(--color-danger);color:#fff}.btn-icon-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.chat-input-actions{display:flex;gap:var(--space-sm)}.conversations-page{max-width:800px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.page-header h2{margin:0}.conversations-list{display:flex;flex-direction:column;gap:var(--space-sm)}.empty-list,.loading{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}.conversation-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:left;color:var(--color-text)}.conversation-item:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-primary)}.conversation-info{display:flex;flex-direction:column;gap:var(--space-xs)}.conversation-date{font-weight:500}.conversation-messages{font-size:.75rem;color:var(--color-text-secondary)}.conversation-id{font-size:.75rem;color:var(--color-text-muted);font-family:monospace}.settings-page{max-width:600px;margin:0 auto}.settings-page h2{margin-bottom:var(--space-xl)}.settings-form{background-color:var(--color-bg-secondary);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.success-message{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--color-success);color:#fff;border-radius:var(--radius-md);text-align:center}.settings-info{background-color:var(--color-bg-secondary);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.settings-info h3{margin:0 0 var(--space-md) 0;font-size:1rem}.settings-info pre{background-color:var(--color-bg);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;font-size:.875rem}.settings-info code{font-family:monospace;background-color:var(--color-bg);padding:2px 4px;border-radius:var(--radius-sm)}.status-ok{color:var(--color-success);font-weight:600}.status-error{color:var(--color-error);font-weight:600}.error-banner{padding:var(--space-md);background-color:#ef444433;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);margin-bottom:var(--space-md)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl);background-color:var(--color-bg)}.auth-container{width:100%;max-width:400px;text-align:center}.auth-header{margin-bottom:var(--space-xl)}.auth-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:var(--color-primary-muted);border-radius:var(--radius-full);color:var(--color-primary);margin-bottom:var(--space-lg)}.auth-header h1{margin:0 0 var(--space-sm) 0;font-size:1.5rem;color:var(--color-text)}.auth-header p{margin:0;color:var(--color-text-secondary);font-size:.875rem}.auth-form{background-color:var(--color-bg-secondary);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.auth-input-group{margin-bottom:var(--space-lg)}.auth-input{width:100%;padding:var(--space-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;text-align:center}.auth-input:focus{outline:none;border-color:var(--color-primary)}.auth-input:disabled{opacity:.7}.auth-input::placeholder{color:var(--color-text-muted)}.auth-error{padding:var(--space-sm) var(--space-md);background-color:#ef444426;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem;margin-bottom:var(--space-lg)}.auth-submit{width:100%;padding:var(--space-md);font-size:1rem;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.auth-hint{margin-top:var(--space-lg);font-size:.75rem;color:var(--color-text-muted)}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--color-text-secondary)}.auth-spinner{animation:spin 1s linear infinite;color:var(--color-primary)}.auth-btn-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.layout-header{flex-direction:column;gap:var(--space-md)}.layout-main{padding:var(--space-md)}.chat-message.user{margin-left:10%}.chat-message.assistant{margin-right:5%}.artifacts-grid{grid-template-columns:1fr}.chat-input-container{flex-direction:column}.chat-input-actions{width:100%}.chat-input-actions .btn{flex:1}}.settings-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:var(--space-xl)}.settings-container{width:100%;max-width:480px;text-align:center}.settings-header{margin-bottom:var(--space-xl)}.settings-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:var(--color-primary-muted);border-radius:var(--radius-full);color:var(--color-primary);margin-bottom:var(--space-lg)}.settings-header h1{margin:0 0 var(--space-sm) 0;font-size:1.5rem;color:var(--color-text)}.settings-header p{margin:0;color:var(--color-text-secondary);font-size:.875rem}.settings-message{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--space-lg)}.settings-error{background-color:#ef444426;border:1px solid var(--color-error);color:var(--color-error)}.settings-success{background-color:#22c55e26;border:1px solid #22c55e;color:#22c55e}.settings-warning{background-color:#eab30826;border:1px solid var(--color-warning);color:var(--color-warning)}.settings-form{background-color:var(--color-bg-secondary);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:left}.settings-field{margin-bottom:var(--space-lg)}.settings-field label{display:block;margin-bottom:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.settings-input{width:100%;padding:var(--space-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem}.settings-input:focus{outline:none;border-color:var(--color-primary)}.settings-input:disabled{opacity:.7}.settings-input::placeholder{color:var(--color-text-muted)}.settings-submit{width:100%;padding:var(--space-md);font-size:1rem;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.settings-current{background-color:var(--color-bg-secondary);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.settings-current h2{margin:0 0 var(--space-lg) 0;font-size:1rem;color:var(--color-text)}.settings-info{text-align:left;margin-bottom:var(--space-lg)}.settings-info-row{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.settings-info-row:last-child{border-bottom:none}.settings-label{font-size:.875rem;color:var(--color-text-secondary)}.settings-value{font-size:.875rem;color:var(--color-text);word-break:break-all}.settings-hash{font-family:monospace;font-size:.75rem}.settings-delete{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.settings-hint{margin-top:var(--space-lg);font-size:.75rem;color:var(--color-text-muted)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-spinner{animation:spin 1s linear infinite}.virtual-users-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);text-align:left}.virtual-users-section h2{display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-sm) 0;font-size:1.125rem;color:var(--color-text)}.virtual-users-description{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.user-selector{margin-bottom:var(--space-lg)}.user-selector label{display:block;margin-bottom:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.user-selector select{width:100%;padding:var(--space-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;cursor:pointer}.user-selector select:focus{outline:none;border-color:var(--color-primary)}.add-user-form{background-color:var(--color-bg);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.add-user-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.add-user-fields .settings-field{margin-bottom:0}.add-user-form .btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.users-list{margin-top:var(--space-lg)}.users-list h3{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.user-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background-color:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-sm);border:1px solid transparent}.user-list-item.active{border-color:var(--color-primary);background-color:var(--color-primary-muted)}.user-info{display:flex;align-items:center;gap:var(--space-sm)}.user-name{font-weight:500;color:var(--color-text)}.user-id{font-size:.75rem;color:var(--color-text-muted);font-family:monospace}.btn-danger-icon{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s}.btn-danger-icon:hover{color:var(--color-error);background-color:#ef44441a}.chat-header-actions{display:flex;align-items:center;gap:var(--space-md)}.current-user-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background-color:var(--color-primary-muted);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-primary)}.page-header-title{display:flex;align-items:center;gap:var(--space-md)}.page-header-title h2{margin:0}.filter-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-text-secondary)}@media(max-width:768px){.add-user-fields{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-content{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);max-width:600px;max-height:90vh;width:100%;overflow-y:auto;position:relative}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.modal-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text)}.book-preview-modal{padding:var(--space-xl)}.book-preview-header{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-right:var(--space-xl)}.book-preview-cover{width:120px;height:auto;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;flex-shrink:0}.book-preview-info{display:flex;flex-direction:column;gap:var(--space-xs)}.book-preview-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--color-text)}.book-preview-author{font-size:1rem;color:var(--color-text-secondary);margin:0}.book-preview-year{font-size:.875rem;color:var(--color-text-muted)}.book-preview-isbn{font-size:.75rem;font-family:monospace;color:var(--color-text-muted);background-color:var(--color-bg-tertiary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);width:fit-content}.book-preview-body{display:flex;flex-direction:column;gap:var(--space-lg)}.book-preview-body h3{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--space-sm) 0;text-transform:uppercase;letter-spacing:.05em}.book-preview-body p{font-size:.9375rem;line-height:1.7;color:var(--color-text);margin:0}.book-preview-loading{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);padding:var(--space-lg);justify-content:center}.book-preview-loading .btn-spinner{animation:spin 1s linear infinite}.book-preview-error{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-error);background-color:#ef44441a;padding:var(--space-md);border-radius:var(--radius-md)}.book-preview-presentation{background-color:var(--color-bg);padding:var(--space-lg);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.book-preview-description{padding:var(--space-md) 0;border-top:1px solid var(--color-border)}.book-preview-subjects{padding-top:var(--space-md);border-top:1px solid var(--color-border)}.book-card.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.book-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.book-card.clickable:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:600px){.modal-backdrop{padding:var(--space-sm)}.book-preview-modal{padding:var(--space-lg)}.book-preview-header{flex-direction:column;align-items:center;text-align:center}.book-preview-cover{width:100px}.book-preview-isbn{margin:0 auto}}