:root{--bg:#fff;--surface:#f9fafb;--text:#111;--text-muted:#555;--border:#e5e7eb;--link:#1a56db;--link-bg:#eff4ff;--dropdown-bg:#fff;--input-bg:#fff;--input-text:#111}html.dark{--bg:#0f172a;--surface:#1e293b;--text:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--link:#93c5fd;--link-bg:#1e3a5f;--dropdown-bg:#1e293b;--input-bg:#1e293b;--input-text:#f1f5f9}*,:before,:after{box-sizing:border-box}html{background:var(--bg,#fff)}html,body{background:var(--bg,#fff);min-width:320px;min-height:100vh;color:var(--text,#111);margin:0;padding:0}.catalog-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=768px){.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.catalog-page{width:100%;max-width:1920px;margin:0 auto;padding:1rem;font-family:sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}main>:not(.catalog-grid){animation:.25s both fadeSlideUp}main{animation:.2s both fadeIn}.catalog-grid>*{animation:.3s both fadeSlideUp}.catalog-grid>:first-child{animation-delay:30ms}.catalog-grid>:nth-child(2){animation-delay:60ms}.catalog-grid>:nth-child(3){animation-delay:90ms}.catalog-grid>:nth-child(4){animation-delay:.12s}.catalog-grid>:nth-child(5){animation-delay:.15s}.catalog-grid>:nth-child(6){animation-delay:.18s}.catalog-grid>:nth-child(7){animation-delay:.21s}.catalog-grid>:nth-child(8){animation-delay:.24s}.catalog-grid>:nth-child(n+9){animation-delay:.27s}.catalog-grid>article{will-change:transform;transform-style:preserve-3d}nav{animation:.2s both fadeSlideDown}nav a{transition:color .15s,background .15s}button{transition:opacity .15s,transform .1s,box-shadow .15s}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.6;cursor:not-allowed}.auth-card{animation:.25s both scaleIn}.modal-overlay{animation:.15s both fadeIn}.modal-content{animation:.2s both scaleIn}input:focus,select:focus,textarea:focus{outline:none;transition:border-color .15s,box-shadow .15s;box-shadow:0 0 0 3px #1a56db26;border-color:#1a56db!important}.navbar{background:var(--bg);border-bottom:1px solid var(--border);z-index:50;align-items:center;height:52px;padding:0 1.25rem;display:flex;position:sticky;top:0}.navbar-brand-row{align-items:center;display:flex}.hamburger{cursor:pointer;min-width:44px;min-height:44px;color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.5rem;display:none}.navbar-links{flex:1;align-items:center;gap:.5rem;display:flex}.navbar-mobile-menu{background:var(--bg);border-top:1px solid var(--border);z-index:49;flex-direction:column;width:100%;display:none;position:absolute;top:52px;left:0;right:0;box-shadow:0 4px 12px #00000014}.navbar-mobile-menu.open{display:flex}@media (width<=768px){.navbar{flex-wrap:wrap;height:auto;padding:0 1rem}.navbar-brand-row{justify-content:space-between;align-items:center;width:100%;height:52px;display:flex}.hamburger{display:flex}.navbar-links{display:none}.navbar-mobile-menu{box-shadow:none;border-top:1px solid var(--border);position:static}}.book-detail-header{flex-wrap:wrap;gap:2rem;display:flex}@media (width<=768px){.book-detail-header{flex-direction:column}}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}@media (width<=768px){.responsive-grid{grid-template-columns:1fr}.mobile-form input,.mobile-form select,.mobile-form textarea{box-sizing:border-box;width:100%}.mobile-form button[type=submit],.mobile-form .form-btn{width:100%}}.catalog-layout{align-items:flex-start;gap:1.5rem;display:flex}@media (width<=1023px){.catalog-layout{flex-direction:column}}.table-scroll{overflow-x:auto}@media (width<=768px){button,a,input,select{min-height:44px}}