:root{--parchment: #F8FAFC;--parchment-light: #F1F5F9;--parchment-dark: #E2E8F0;--cream: #FFFFFF;--burgundy: #6366F1;--burgundy-light: #818CF8;--burgundy-dark: #4338CA;--forest: #0D9488;--forest-light: #14B8A6;--gold: #D97706;--gold-light: #F59E0B;--gold-muted: #B45309;--ink: #0F172A;--ink-light: #334155;--ink-muted: #64748B;--ink-faint: #94A3B8;--ink-ghost: #CBD5E1;--danger: #EF4444;--danger-bg: #FEF2F2;--success: #10B981;--success-bg: #ECFDF5;--warn-bg: #FFFBEB;--nav-bg: rgba(255, 255, 255, .8);--overlay-bg: rgba(15, 23, 42, .3);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--border-color: #E2E8F0;--border-strong: #CBD5E1;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 4px 16px rgba(0,0,0,.08);--shadow-xl: 0 8px 30px rgba(0,0,0,.1);--shadow-book: 0 1px 3px rgba(0,0,0,.06);--shadow-book-hover: 0 8px 24px rgba(0,0,0,.1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--cover-0: linear-gradient(135deg, #667EEA, #764BA2);--cover-1: linear-gradient(135deg, #11998E, #38EF7D);--cover-2: linear-gradient(135deg, #FC5C7D, #6A82FB);--cover-3: linear-gradient(135deg, #F2994A, #F2C94C);--cover-4: linear-gradient(135deg, #4FACFE, #00F2FE);--cover-5: linear-gradient(135deg, #A770EF, #CF8BF3)}[data-theme=dark]{--parchment: #0F172A;--parchment-light: #1E293B;--parchment-dark: #334155;--cream: #1E293B;--burgundy: #818CF8;--burgundy-light: #A5B4FC;--burgundy-dark: #6366F1;--forest: #2DD4BF;--forest-light: #5EEAD4;--gold: #FBBF24;--gold-light: #FCD34D;--gold-muted: #F59E0B;--ink: #F1F5F9;--ink-light: #E2E8F0;--ink-muted: #94A3B8;--ink-faint: #64748B;--ink-ghost: #475569;--danger: #F87171;--danger-bg: rgba(239, 68, 68, .1);--success: #34D399;--success-bg: rgba(16, 185, 129, .1);--warn-bg: rgba(245, 158, 11, .1);--nav-bg: rgba(30, 41, 59, .85);--overlay-bg: rgba(0, 0, 0, .5);--border-color: #334155;--border-strong: #475569;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 2px 8px rgba(0,0,0,.3);--shadow-lg: 0 4px 16px rgba(0,0,0,.3);--shadow-xl: 0 8px 30px rgba(0,0,0,.4);--shadow-book: 0 1px 3px rgba(0,0,0,.3);--shadow-book-hover: 0 8px 24px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--ink);background-color:var(--parchment);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--ink)}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}p{margin-bottom:0}a{color:var(--burgundy);text-decoration:none;transition:color var(--duration-fast) ease}a:hover{color:var(--burgundy-light)}small,.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.font-display{font-family:var(--font-display)}.font-ui{font-family:var(--font-ui)}.site-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.main-content{flex:1;padding:var(--space-xl) 0}.site-nav{background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.site-nav .nav-inner{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;gap:var(--space-md);height:64px}.site-nav .nav-brand{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;flex-shrink:0}.site-nav .nav-brand:before{content:"📚";font-size:1.25rem}.site-nav .nav-links{display:flex;align-items:center;gap:2px;list-style:none}.site-nav .nav-link{font-family:var(--font-ui);font-size:.8125rem;font-weight:500;color:var(--ink-muted);padding:.375rem .75rem;border-radius:var(--radius-sm);transition:all var(--duration-fast) ease;text-decoration:none}.site-nav .nav-link:hover{color:var(--ink);background:var(--parchment-light)}.site-nav .nav-link.active{color:var(--burgundy);background:#6366f114}.nav-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0;margin-left:auto}.nav-search{position:relative}.nav-search input{font-family:var(--font-ui);font-size:.8125rem;padding:.5rem 1rem .5rem 2.25rem;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--parchment);color:var(--ink);width:200px;transition:all var(--duration-fast) ease}.nav-search input:focus{outline:none;border-color:var(--burgundy);background:var(--cream);width:260px;box-shadow:0 0 0 3px #6366f11a}.nav-search:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;opacity:.35;background:var(--ink);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");mask-size:contain;-webkit-mask-size:contain}.nav-user{display:flex;align-items:center;gap:var(--space-sm)}.nav-user img{width:30px;height:30px;border-radius:50%;border:2px solid var(--border-color)}.nav-user-name{font-family:var(--font-ui);font-size:.8125rem;font-weight:500;color:var(--ink-muted)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--parchment);cursor:pointer;font-size:1.1rem;transition:all var(--duration-fast) ease;flex-shrink:0;color:var(--ink-muted)}.theme-toggle:hover{border-color:var(--border-strong);background:var(--parchment-light)}.theme-icon-dark{display:none}.theme-icon-light,[data-theme=dark] .theme-icon-dark{display:inline}[data-theme=dark] .theme-icon-light{display:none}.nav-mobile-right{display:none;align-items:center;gap:var(--space-xs);margin-left:auto}.nav-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;z-index:210;-webkit-tap-highlight-color:transparent}.nav-hamburger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:all var(--duration-fast) var(--ease-out);transform-origin:center}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;inset:0;background:var(--overlay-bg);z-index:190;opacity:0;transition:opacity var(--duration-normal) var(--ease-out);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}.nav-overlay.open{opacity:1;pointer-events:auto}.nav-drawer{position:fixed;top:0;right:0;width:300px;max-width:85vw;height:100vh;height:100dvh;background:var(--cream);z-index:200;padding:var(--space-lg);padding-top:var(--space-2xl);display:none;flex-direction:column;gap:var(--space-md);transform:translate(100%);transition:transform var(--duration-normal) var(--ease-out);box-shadow:-4px 0 20px #00000014;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-drawer.open{transform:translate(0)}.nav-drawer .nav-links{flex-direction:column;gap:0;list-style:none;display:flex}.nav-drawer .nav-link{display:block;padding:.75rem var(--space-sm);font-family:var(--font-ui);font-size:.9375rem;font-weight:500;color:var(--ink-muted);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--duration-fast) ease}.nav-drawer .nav-link:hover{color:var(--ink);background:var(--parchment-light)}.nav-drawer .nav-search{width:100%}.nav-drawer .nav-search input{width:100%;font-size:16px}.nav-drawer .nav-search input:focus{width:100%}.nav-drawer-auth{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-color);margin-top:auto}.nav-drawer-auth .nav-user{display:flex;flex-direction:column;text-align:center;align-items:center;gap:var(--space-sm)}body.nav-open{overflow:hidden}.btn{font-family:var(--font-ui);font-size:.8125rem;font-weight:600;padding:.5rem 1.25rem;border-radius:var(--radius-sm);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);text-decoration:none;transition:all var(--duration-fast) ease;line-height:1.4}.btn-primary{background:var(--burgundy);color:#fff}.btn-primary:hover{background:var(--burgundy-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}[data-theme=dark] .btn-primary{color:#0f172a}.btn-secondary{background:transparent;color:var(--burgundy);border:1.5px solid var(--burgundy)}.btn-secondary:hover{background:#6366f10f}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:var(--gold-muted);color:#fff;transform:translateY(-1px)}[data-theme=dark] .btn-gold{color:#0f172a}.btn-forest{background:var(--forest);color:#fff}.btn-forest:hover{background:var(--forest-light);color:#fff;transform:translateY(-1px)}[data-theme=dark] .btn-forest{color:#0f172a}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-ghost{background:none;color:var(--ink-muted);border:1px solid var(--border-color)}.btn-ghost:hover{border-color:var(--border-strong);color:var(--ink)}.btn-sm{font-size:.75rem;padding:.375rem .75rem}.btn-lg{font-size:.875rem;padding:.625rem 1.5rem}.card{background:var(--cream);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.book-card{background:var(--cream);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-book);transition:all var(--duration-normal) var(--ease-out)}.book-card:hover{box-shadow:var(--shadow-book-hover);transform:translateY(-6px)}.book-card:hover .book-card-cover img{transform:scale(1.04)}.book-card-cover{position:relative;overflow:hidden;aspect-ratio:2/3;display:block;background:var(--parchment)}.book-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.book-card-cover .placeholder-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1.5rem 1.25rem;text-align:center;position:relative;overflow:hidden}.book-card-cover .placeholder-cover:after{content:"";position:absolute;inset:10px;border:1.5px solid rgba(255,255,255,.2);border-radius:6px;pointer-events:none}.cover-theme-0{background:var(--cover-0)}.cover-theme-1{background:var(--cover-1)}.cover-theme-2{background:var(--cover-2)}.cover-theme-3{background:var(--cover-3)}.cover-theme-4{background:var(--cover-4)}.cover-theme-5{background:var(--cover-5)}.placeholder-cover .placeholder-icon{font-size:2rem;margin-bottom:.75rem;opacity:.7}.placeholder-cover .placeholder-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:#fffffff2;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.375rem}.placeholder-cover .placeholder-author{font-family:var(--font-ui);font-size:.75rem;font-weight:500;color:#fff9;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-card-body{padding:var(--space-md)}.book-card-title{font-family:var(--font-ui);font-size:.875rem;font-weight:600;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:2px}.book-card-title a{color:inherit;text-decoration:none}.book-card-title a:hover{color:var(--burgundy)}.book-card-author{font-size:.8125rem;color:var(--ink-muted)}.book-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.book-card-genre{font-family:var(--font-ui);font-size:.6875rem;color:var(--ink-faint);font-weight:500}.book-card-availability{font-family:var(--font-ui);font-size:.6875rem;font-weight:600}.book-card-availability.available{color:var(--success)}.book-card-availability.unavailable{color:var(--danger)}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-xl)}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-family:var(--font-ui);font-size:.75rem;font-weight:600;color:var(--ink-muted);margin-bottom:var(--space-xs)}.form-input,.form-select,.form-textarea{width:100%;font-family:var(--font-body);font-size:.9375rem;padding:.5rem .75rem;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--cream);color:var(--ink);transition:all var(--duration-fast) ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--burgundy);box-shadow:0 0 0 3px #6366f11a}.form-input::placeholder{color:var(--ink-ghost)}.form-textarea{resize:vertical}.form-input-disabled{background:var(--parchment);color:var(--ink-muted);cursor:not-allowed}.form-checkbox{accent-color:var(--burgundy);width:16px;height:16px}.form-file{font-family:var(--font-ui);font-size:.8125rem;color:var(--ink-muted)}.form-file::file-selector-button{font-family:var(--font-ui);font-size:.75rem;font-weight:600;padding:.5rem 1rem;margin-right:.75rem;border:1.5px solid var(--burgundy);border-radius:var(--radius-sm);background:transparent;color:var(--burgundy);cursor:pointer;transition:all var(--duration-fast) ease}.form-file::file-selector-button:hover{background:#6366f10f}.table-wrap{background:var(--cream);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto}.data-table{width:100%;min-width:700px;border-collapse:collapse}.data-table thead{background:var(--parchment);border-bottom:1px solid var(--border-color)}.data-table th{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);padding:.75rem 1rem;text-align:left}.data-table td{padding:.875rem 1rem;font-size:.875rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.data-table tbody tr{transition:background var(--duration-fast) ease}.data-table tbody tr:hover{background:var(--parchment-light)}.data-table tbody tr:last-child td{border-bottom:none}.badge{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-full);display:inline-flex;align-items:center}.badge-borrowed{background:#eff6ff;color:#2563eb}.badge-returned{background:var(--success-bg);color:var(--success)}.badge-overdue{background:var(--danger-bg);color:var(--danger)}.badge-active{background:var(--success-bg);color:var(--success)}.badge-inactive{background:var(--danger-bg);color:var(--danger)}.badge-role{background:var(--parchment);color:var(--ink-muted)}.alert{font-family:var(--font-ui);font-size:.875rem;padding:.875rem 1rem;border-radius:var(--radius-md);margin-bottom:var(--space-lg);border-left:3px solid;animation:alertSlideIn .3s var(--ease-out)}.alert-success{background:var(--success-bg);border-color:var(--success);color:var(--success)}.alert-error{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.alert-warning{background:var(--warn-bg);border-color:var(--gold);color:var(--ink-light)}.alert ul{list-style:disc;padding-left:var(--space-lg);margin-top:var(--space-xs)}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:var(--space-2xl)}.pagination a,.pagination span{font-family:var(--font-ui);font-size:.8125rem;font-weight:500;padding:.375rem .75rem;border-radius:var(--radius-sm);text-decoration:none;transition:all var(--duration-fast) ease}.pagination a{color:var(--ink-muted);border:1px solid var(--border-color);background:var(--cream)}.pagination a:hover{color:var(--burgundy);border-color:var(--burgundy)}.pagination .active{background:var(--burgundy);color:#fff;border:1px solid var(--burgundy)}.pagination .dots{color:var(--ink-ghost);border:none}.filter-bar{background:var(--cream);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl)}.filter-bar form{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end}.filter-bar .filter-group{flex:1;min-width:140px}.filter-bar .filter-label{font-family:var(--font-ui);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-ghost);margin-bottom:4px;display:block}.status-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg)}.status-tab{font-family:var(--font-ui);font-size:.75rem;font-weight:600;padding:.375rem .875rem;border-radius:var(--radius-full);text-decoration:none;border:1.5px solid var(--border-color);color:var(--ink-muted);background:transparent;cursor:pointer;transition:all var(--duration-fast) ease}.status-tab:hover{border-color:var(--burgundy);color:var(--burgundy)}.status-tab.active{background:var(--burgundy);border-color:var(--burgundy);color:#fff}.status-tab.active-blue{background:#2563eb;border-color:#2563eb;color:#fff}.status-tab.active-red{background:var(--danger);border-color:var(--danger);color:#fff}.status-tab.active-green{background:var(--success);border-color:var(--success);color:#fff}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.page-header h1{font-size:1.875rem;margin-bottom:0}.page-header .page-subtitle{font-size:.875rem;color:var(--ink-muted);margin-top:2px}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--parchment)}.auth-card{width:100%;max-width:420px;background:var(--cream);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.auth-title{font-size:1.5rem;text-align:center;margin-bottom:4px}.auth-subtitle{text-align:center;font-size:.875rem;color:var(--ink-muted);margin-bottom:var(--space-xl)}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--ink-ghost);font-family:var(--font-ui);font-size:.75rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-footer{text-align:center;margin-top:var(--space-xl);font-size:.875rem;color:var(--ink-muted)}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.625rem;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--cream);color:var(--ink-light);font-family:var(--font-ui);font-size:.8125rem;font-weight:600;text-decoration:none;transition:all var(--duration-fast) ease}.google-btn:hover{border-color:var(--border-strong);background:var(--parchment);color:var(--ink)}.book-detail{max-width:960px;margin:0 auto}.book-detail-card{background:var(--cream);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);display:grid;grid-template-columns:320px 1fr}.book-detail-cover{position:relative;min-height:400px}.book-detail-cover img{width:100%;height:100%;object-fit:cover}.book-detail-cover .placeholder-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;position:relative}.book-detail-cover .placeholder-cover:after{content:"";position:absolute;inset:14px;border:1.5px solid rgba(255,255,255,.2);border-radius:6px}.book-detail-cover .placeholder-cover .placeholder-icon{font-size:3rem;margin-bottom:1rem}.book-detail-cover .placeholder-cover .placeholder-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fffffff2;line-height:1.3;margin-bottom:.5rem}.book-detail-cover .placeholder-cover .placeholder-author{font-family:var(--font-ui);font-size:.875rem;color:#fff9}.book-detail-info{padding:var(--space-xl)}.book-detail-title{font-size:1.5rem;line-height:1.25;margin-bottom:4px}.book-detail-author{font-size:1rem;color:var(--ink-muted);font-style:italic;margin-bottom:var(--space-lg)}.book-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.book-meta-item{font-size:.875rem}.book-meta-label{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-ghost)}.book-meta-value{font-weight:500;color:var(--ink-light)}.book-description{margin-bottom:var(--space-lg)}.book-description h3{font-size:.9375rem;margin-bottom:var(--space-sm);color:var(--ink-muted)}.book-description p{font-size:.9375rem;line-height:1.8;color:var(--ink-light)}.book-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.ai-section{max-width:960px;margin:var(--space-xl) auto 0;background:var(--cream);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl)}.ai-section h2{font-size:1.25rem;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--burgundy);display:inline-block}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.ai-panel h3{font-size:1rem;margin-bottom:var(--space-sm)}.ai-result{margin-top:var(--space-md);padding:var(--space-md);background:var(--parchment);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9375rem;line-height:1.7}.audiobook-section{max-width:960px;margin:var(--space-xl) auto 0;background:var(--cream);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl)}.chapter-list{list-style:none}.chapter-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) ease;border-bottom:1px solid var(--border-color)}.chapter-item:last-child{border-bottom:none}.chapter-item:hover{background:var(--parchment)}.chapter-item.active{background:#6366f10f}.play-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--burgundy);color:#fff;border:none;cursor:pointer;font-size:.75rem;flex-shrink:0;transition:all var(--duration-fast) ease}.play-btn:hover{background:var(--burgundy-light);transform:scale(1.1)}.audio-player{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.audio-player audio{width:100%;border-radius:var(--radius-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:var(--cream);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.stat-label{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--ink);line-height:1.2;margin-top:4px}.stat-value.text-burgundy{color:var(--burgundy)}.stat-value.text-forest{color:var(--forest)}.stat-value.text-gold{color:var(--gold)}.stat-value.text-danger{color:var(--danger)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.chart-card{background:var(--cream);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{font-size:.9375rem;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.import-card{max-width:520px;margin:0 auto;background:var(--cream);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl)}.error-page{text-align:center;padding:var(--space-3xl) 0}.error-code{font-family:var(--font-display);font-size:6rem;font-weight:900;color:var(--parchment-dark);line-height:1}.error-message{font-family:var(--font-display);font-size:1.375rem;color:var(--ink-muted);margin:var(--space-md) 0}.error-description{font-size:.9375rem;color:var(--ink-faint);margin-bottom:var(--space-xl)}.site-footer{background:var(--cream);border-top:1px solid var(--border-color);padding:var(--space-lg) 0;margin-top:auto}.site-footer .footer-inner{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:space-between;align-items:center}.site-footer .footer-text{font-family:var(--font-ui);font-size:.75rem;color:var(--ink-ghost)}.site-footer .footer-brand{font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--ink-muted)}.spinner{border:2px solid var(--parchment-dark);border-top:2px solid var(--burgundy);border-radius:50%;width:18px;height:18px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-right:var(--space-sm)}@keyframes spin{to{transform:rotate(360deg)}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-center{text-align:center}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md)}.hidden{display:none!important}.back-link{font-family:var(--font-ui);font-size:.8125rem;color:var(--ink-muted);text-decoration:none;display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--space-lg);transition:color var(--duration-fast) ease}.back-link:hover{color:var(--burgundy)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);background:var(--cream);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.empty-state p{font-size:1.125rem;color:var(--ink-faint)}.empty-state a{display:inline-block;margin-top:var(--space-md);font-size:.875rem}.ornament{display:none}.section-rule{border:none;height:1px;background:var(--border-color);margin:var(--space-xl) 0}.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(10px);animation:staggerIn var(--duration-slow) var(--ease-out) forwards}.stagger-children>*:nth-child(1){animation-delay:.03s}.stagger-children>*:nth-child(2){animation-delay:.06s}.stagger-children>*:nth-child(3){animation-delay:.09s}.stagger-children>*:nth-child(4){animation-delay:.12s}.stagger-children>*:nth-child(5){animation-delay:.15s}.stagger-children>*:nth-child(6){animation-delay:.18s}.stagger-children>*:nth-child(7){animation-delay:.21s}.stagger-children>*:nth-child(8){animation-delay:.24s}.stagger-children>*:nth-child(9){animation-delay:.27s}.stagger-children>*:nth-child(10){animation-delay:.3s}.stagger-children>*:nth-child(11){animation-delay:.33s}.stagger-children>*:nth-child(12){animation-delay:.36s}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}@media(min-width:1024px){.main-content{padding:var(--space-2xl) 0}.site-container{padding:0 var(--space-xl)}}@media(max-width:1024px)and (min-width:769px){.nav-search input{width:160px}.nav-search input:focus{width:200px}}@media(min-width:769px){.nav-mobile-right,.nav-drawer,.nav-overlay{display:none!important}}@media(max-width:768px){.nav-desktop-only{display:none!important}.nav-mobile-right{display:flex}.nav-overlay{display:block}.nav-drawer{display:flex}.btn,.nav-link,.pagination a,.pagination span,.status-tab{min-height:44px;display:inline-flex;align-items:center}.form-input,.form-select,.form-textarea{font-size:16px}.site-footer .footer-inner{flex-direction:column;gap:var(--space-sm);text-align:center}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.page-header h1{font-size:1.5rem}.book-detail-card{grid-template-columns:1fr}.book-detail-info{padding:var(--space-lg)}.ai-grid,.charts-grid,.grid-2,.grid-3{grid-template-columns:1fr}.site-nav .nav-inner{height:56px}}@media(max-width:480px){h1{font-size:1.75rem}.page-header h1{font-size:1.375rem}.site-container{padding:0 var(--space-md)}.book-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.filter-bar form{flex-direction:column}.filter-bar .filter-group{min-width:100%}.book-actions{flex-direction:column}.book-actions .btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:1.5rem}.placeholder-cover .placeholder-title{font-size:.875rem}.placeholder-cover{padding:1.25rem 1rem}.book-card-body{padding:var(--space-sm) var(--space-sm) var(--space-md)}.book-card-title{font-size:.8125rem}.book-card-author{font-size:.75rem}.auth-card{padding:var(--space-lg)}}