.site-header{z-index:50;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);transition:background-color var(--transition), border-color var(--transition);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;height:68px;display:flex}.site-header__brand{color:var(--color-text);flex-shrink:1;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.site-header__brand-icon{border-radius:var(--radius-sm);background:var(--color-badge-bg);width:34px;height:34px;color:var(--color-primary);transition:transform var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.site-header__brand:hover .site-header__brand-icon{transform:rotate(-5deg)scale(1.05)}.site-header__brand-text{flex-direction:column;min-width:0;display:flex}.site-header__logo{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:21px;font-weight:400;line-height:1.1;overflow:hidden}.site-header__logo-sub{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);white-space:nowrap;margin-top:2px;font-size:11px;font-weight:500;line-height:1}.site-header__nav{align-items:center;gap:16px;display:flex}.site-header__desktop-links{align-items:center;gap:8px;display:flex}.site-header__nav-link{color:var(--color-text);border-radius:var(--radius-sm);transition:color var(--transition), background-color var(--transition);align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.site-header__nav-link:hover{color:var(--color-primary);background-color:var(--color-secondary-bg)}.site-header__controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.site-header__desktop-only{align-items:center;gap:8px;display:flex}.site-header__cart-btn{background-color:var(--color-secondary-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);transition:all var(--transition);justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.site-header__cart-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-bg-elevated)}.site-header__cart-label{display:inline}.site-header__cart-badge{background-color:var(--color-primary);color:var(--color-primary-foreground);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.site-header__menu-btn{background:var(--color-secondary-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:none}.site-header__menu-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(4px);z-index:49;background-color:#00000073;display:none;position:fixed;inset:68px 0 0}.mobile-menu-drawer{background-color:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);max-height:calc(100vh - 68px);box-shadow:var(--shadow-lg);z-index:50;flex-direction:column;gap:16px;padding:20px 20px 32px;animation:.25s cubic-bezier(.16,1,.3,1) slideDown;display:none;position:fixed;top:68px;left:0;right:0;overflow-y:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-section{flex-direction:column;gap:6px;display:flex}.mobile-menu-link{border-radius:var(--radius-md);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border-subtle);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.mobile-menu-link:hover,.mobile-menu-link:active{background-color:var(--color-badge-bg);color:var(--color-primary);border-color:var(--color-primary)}.mobile-menu-link__left{align-items:center;gap:12px;display:flex}.mobile-menu-divider{border:none;border-top:1px solid var(--color-border-subtle);margin:4px 0}.mobile-menu-actions{background-color:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mobile-menu-actions__label{color:var(--color-text-muted);font-size:13px;font-weight:600}@media (width>=961px) and (width<=1100px){.site-header__nav{gap:8px}.site-header__desktop-links{gap:4px}.site-header__nav-link{padding:6px 8px;font-size:13px}.site-header__controls{gap:6px}.site-header__logo{font-size:18px}.site-header__logo-sub{font-size:10px}.site-header__brand-icon{width:30px;height:30px}.site-header__brand{gap:8px}.site-header__cart-btn{width:40px;height:40px;padding:0}.site-header__cart-label{display:none}.site-header__cart-badge{position:absolute;top:-4px;right:-4px}.site-header__desktop-only .btn span{display:none}.site-header__desktop-only .btn{justify-content:center;width:38px;height:38px;padding:0}}@media (width<=960px){.site-header__inner{height:62px}.site-header__desktop-links,.site-header__desktop-only{display:none!important}.site-header__menu-btn{display:flex}.site-header__logo{font-size:18px}.site-header__logo-sub{font-size:10px}.site-header__brand-icon{width:30px;height:30px}.site-header__cart-btn{border-radius:var(--radius-full);width:40px;height:40px;padding:0}.site-header__cart-label{display:none}.site-header__cart-badge{position:absolute;top:-4px;right:-4px}.mobile-menu-backdrop.is-open{display:block}.mobile-menu-drawer.is-open{display:flex}}.floating-cart{z-index:45;background:var(--color-bg-elevated);border:1.5px solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-text);-webkit-backdrop-filter:blur(16px);cursor:pointer;opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.16, 1, .3, 1), opacity .3s ease, box-shadow .2s ease, background-color var(--transition);align-items:center;gap:12px;padding:10px 18px 10px 14px;text-decoration:none;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(100px)scale(.9);box-shadow:0 10px 30px -5px #00000040,0 0 15px -3px #b8504233}.floating-cart.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.floating-cart:hover{background-color:var(--color-bg);transform:translateY(-3px)scale(1.03);box-shadow:0 14px 36px -4px #0000004d,0 0 20px -2px #b8504259}.floating-cart:active{transform:translateY(0)scale(.98)}.floating-cart.is-bumping{animation:.45s cubic-bezier(.175,.885,.32,1.275) floatingCartBump}@keyframes floatingCartBump{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-8px)scale(1.12)}70%{transform:translateY(-2px)scale(.97)}to{transform:translateY(0)scale(1)}}.floating-cart__icon-box{background-color:var(--color-primary);width:38px;height:38px;color:var(--color-primary-foreground);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:relative}.floating-cart:hover .floating-cart__icon-box{transform:rotate(-8deg)}.floating-cart__badge{background-color:var(--color-text);color:var(--color-bg);border:2px solid var(--color-bg-elevated);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.floating-cart__info{flex-direction:column;line-height:1.2;display:flex}.floating-cart__title{color:var(--color-text);font-size:13px;font-weight:600}.floating-cart__price{color:var(--color-primary);font-size:14px;font-weight:700;font-family:var(--font-heading)}.floating-cart__arrow{color:var(--color-primary);margin-left:2px;transition:transform .2s}.floating-cart:hover .floating-cart__arrow{transform:translate(3px)}@media (width<=600px){.floating-cart{gap:10px;padding:8px 14px 8px 10px;bottom:18px;right:18px}.floating-cart__icon-box{width:34px;height:34px}.floating-cart__title{font-size:12px}.floating-cart__price{font-size:13px}}.global-loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(14px);background-color:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out forwards overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.global-loading-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:420px;padding:36px 28px;animation:.35s cubic-bezier(.16,1,.3,1) forwards cardScaleUp;display:flex;position:relative;box-shadow:0 20px 45px -10px #00000059,0 0 25px -5px #b8504233}@keyframes cardScaleUp{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.global-loading-spinner-box{justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:relative}.global-loading-spinner-ring{border:3px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-right-color:var(--color-primary);border-radius:50%;animation:1.1s cubic-bezier(.68,-.55,.265,1.55) infinite spinnerRotate;position:absolute;inset:0}.global-loading-spinner-glow{background:radial-gradient(circle,#b8504240 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite alternate glowPulse;position:absolute;inset:4px}.global-loading-spinner-icon{color:var(--color-primary);z-index:1;justify-content:center;align-items:center;animation:2s ease-in-out infinite iconPulse;display:flex}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}@keyframes iconPulse{0%,to{transform:scale(.95)}50%{transform:scale(1.1)}}.global-loading-content{flex-direction:column;justify-content:center;gap:8px;min-height:52px;display:flex}.global-loading-title{font-family:var(--font-heading);color:var(--color-text);margin:0;font-size:19px;font-weight:600;line-height:1.3}.global-loading-msg{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.5;transition:opacity .25s}.global-loading-badge{color:var(--color-primary);background-color:var(--color-badge-bg);border-radius:var(--radius-full);align-items:center;gap:6px;margin-top:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.book-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);color:var(--color-text);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.book-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-5px)}.book-card__cover-wrapper{aspect-ratio:3/4.2;background-color:var(--color-bg-subtle);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.book-card__cover{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.book-card:hover .book-card__cover{transform:scale(1.04)}.book-card__badge-overlay{z-index:2;position:absolute;top:12px;left:12px}.book-card__body{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.book-card__author{color:var(--color-text-muted);margin:0;font-size:13px;font-weight:500}.book-card__title{font-family:var(--font-heading);color:var(--color-text);-webkit-line-clamp:2;transition:color var(--transition);-webkit-box-orient:vertical;margin:0;font-size:18px;line-height:1.3;display:-webkit-box;overflow:hidden}.book-card:hover .book-card__title{color:var(--color-primary)}.book-card__description{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.book-card__footer{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.book-card__price-tag{flex-direction:column;display:flex}.book-card__price-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:11px}.book-card__price{font-family:var(--font-heading);color:var(--color-text);font-size:20px;font-weight:700}.book-card__action-btn{background-color:var(--color-primary);color:var(--color-primary-foreground);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.book-card__action-btn:hover{background-color:var(--color-primary-hover);transform:scale(1.04)}.book-card__action-btn.is-added{background-color:var(--color-success)}.auth-card{padding:36px 32px;position:relative;overflow:hidden}@media (width<=480px){.auth-card{padding:28px 20px}}.auth-tabs{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px;display:grid;position:relative}.auth-tab-btn{font-family:var(--font-body);color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;padding:10px 16px;font-size:14px;font-weight:600}.auth-tab-btn:hover:not(.active){color:var(--color-text)}.auth-tab-btn.active{background-color:var(--color-bg-elevated);color:var(--color-primary);box-shadow:var(--shadow-sm)}.input-icon-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon-left{color:var(--color-text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.input-with-left-icon{padding-left:42px!important}.input-with-right-icon{padding-right:42px!important}.input-icon-right-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-xs);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.input-icon-right-btn:hover{color:var(--color-text)}.password-requirements{flex-direction:column;gap:6px;margin-top:4px;margin-bottom:12px;font-size:12px;display:flex}.requirement-item{color:var(--color-text-muted);transition:color var(--transition-fast);align-items:center;gap:6px;display:flex}.requirement-item.met{color:var(--color-success);font-weight:500}.requirement-item.unmet{color:var(--color-danger)}.auth-alert{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}.auth-alert-error{color:var(--color-danger);background-color:#dc35451a;border:1px solid #dc354540}.auth-alert-success{color:var(--color-success);background-color:#5690731f;border:1px solid #5690734d}.auth-footer-switch{text-align:center;color:var(--color-text-muted);margin-top:20px;font-size:13px}.auth-link-btn{font-family:inherit;font-size:inherit;color:var(--color-primary);cursor:pointer;text-underline-offset:3px;transition:color var(--transition-fast);background:0 0;border:none;margin-left:5px;padding:0;font-weight:600;text-decoration:underline}.auth-link-btn:hover{color:var(--color-primary-hover)}:root{--font-heading:"DM Serif Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000000a, 0 1px 2px #00000005;--shadow-md:0 8px 24px #2e383414, 0 2px 6px #2e38340a;--shadow-lg:0 16px 36px #2e38341f, 0 4px 12px #2e38340f;--shadow-book:0 14px 28px #00000026, 0 10px 10px #00000014;--transition-fast:.15s ease;--transition:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--color-bg:#faf8f5;--color-bg-subtle:#f1eeea;--color-bg-elevated:#f5f3ef;--color-bg-glass:#faf8f5d9;--color-text:#2e3835;--color-text-muted:#6a7c76;--color-text-light:#939f9b;--color-border:#d3ded9;--color-border-subtle:#e2e9e6;--color-primary:#568f73;--color-primary-hover:#467c61;--color-primary-foreground:#faf8f5;--color-accent:#568f73;--color-accent-hover:#467c61;--color-accent-contrast:#faf8f5;--color-secondary-bg:#ebe7e0;--color-secondary-text:#394642;--color-badge-bg:#dae7e0;--color-badge-text:#39604d;--color-success:#389466;--color-danger:#e23636}[data-theme=dark]{--color-bg:#161d1b;--color-bg-subtle:#1d2522;--color-bg-elevated:#222b28;--color-bg-glass:#161f1cd9;--color-text:#f5f3ef;--color-text-muted:#b3aa98;--color-text-light:#8c8473;--color-border:#2e3835;--color-border-subtle:#252d2a;--color-primary:#6aaf8c;--color-primary-hover:#7fbd9e;--color-primary-foreground:#161d1b;--color-accent:#6aaf8c;--color-accent-hover:#7fbd9e;--color-accent-contrast:#161d1b;--color-secondary-bg:#2e3835;--color-secondary-text:#f5f3ef;--color-badge-bg:#2d4338;--color-badge-text:#acd2bf;--color-success:#70c299;--color-danger:#d74242}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);transition:background-color var(--transition), color var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-primary-hover)}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}.main-content{flex:1;padding:32px 0 72px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);margin-top:0;font-weight:400;line-height:1.25}.section-title{font-family:var(--font-heading);letter-spacing:-.01em;margin-bottom:8px;font-size:clamp(24px,4vw,32px)}.section-subtitle{color:var(--color-text-muted);max-width:680px;margin-bottom:28px;font-size:15px;line-height:1.5}.btn{border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-foreground);box-shadow:0 2px 10px #56907340}.btn-primary:hover{background-color:var(--color-primary-hover);color:var(--color-primary-foreground);transform:translateY(-1px);box-shadow:0 4px 14px #56907359}.btn-secondary{background-color:var(--color-secondary-bg);color:var(--color-secondary-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-bg-elevated)}.btn-outline{color:var(--color-text);border:1px solid var(--color-border);background-color:#0000}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-bg-elevated)}.btn-sm{min-height:34px;padding:6px 14px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.badge{border-radius:var(--radius-full);letter-spacing:.02em;background-color:var(--color-badge-bg);color:var(--color-badge-text);align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition)}.form-field{flex-direction:column;gap:6px;width:100%;margin-bottom:18px;display:flex}.form-field label{color:var(--color-text-muted);font-size:13px;font-weight:600}.form-field input,.form-field textarea,.form-field select{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-bg);width:100%;color:var(--color-text);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:11px 16px;font-size:15px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #5690732e}.error-text{color:var(--color-danger);margin:6px 0 0;font-size:14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.4s ease-out forwards fadeUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.25s ease-out forwards fadeIn}@media (width<=768px){.container{padding:0 16px}.main-content{padding:16px 0 48px}.form-field input,.form-field textarea,.form-field select{font-size:16px}}