html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}::selection{background-color:var(--primary-color);color:var(--text-inverse)}.initial-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#fbf9f6;color:#423531;font-family:Lato,sans-serif;transition:opacity .5s ease-out}.initial-loading-spinner{width:50px;height:50px;border:5px solid #EAE6E1;border-top-color:#bc5a45;border-radius:50%;animation:initial-spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes initial-spin{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--background-color);color:var(--text-color);line-height:1.65;overscroll-behavior-y:contain;transition:background-color .3s,color .3s}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:700;line-height:1.3}p{font-size:var(--text-base);max-width:75ch}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}#root{display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1;width:100%;max-width:var(--layout-max-width);margin:0 auto;padding:var(--space-6) var(--layout-padding-mobile);overflow-y:auto;padding-bottom:calc(var(--bottom-nav-height) + var(--space-6));overflow-x:hidden}@media(min-width:768px){.main-content{padding:var(--space-10) var(--layout-padding-desktop);padding-bottom:var(--space-10)}}.card{background-color:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);margin-bottom:var(--space-8);max-width:960px;margin-left:auto;margin-right:auto}.card.card--wide{max-width:var(--layout-max-width-wide)}.card>h2{margin-top:0;margin-bottom:var(--space-3);color:var(--primary-color);font-size:var(--text-2xl)}.card>p{margin-top:0;margin-bottom:var(--space-6);color:var(--text-color);opacity:.9;font-size:var(--text-base)}.view-container-fade-in{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--space-2)}.spinner{width:32px;height:32px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-notification{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background-color:var(--secondary-color);color:var(--background-color);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);box-shadow:0 4px 12px var(--shadow-color);z-index:2000;font-weight:500;animation:toast-fade-in-out 3s ease-in-out}@keyframes toast-fade-in-out{0%,to{opacity:0;transform:translate(-50%,10px)}10%,90%{opacity:1;transform:translate(-50%)}}.error-boundary-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);margin:var(--space-6) auto;background-color:var(--hover-bg);border:1px solid var(--delete-color);border-radius:var(--radius-lg);color:var(--text-color);max-width:600px}.confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-weight:700;font-size:var(--text-sm)}.form-group input,.form-group textarea,.form-group select{padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);background-color:var(--surface-color);color:var(--text-color);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #bc5a4526;outline:none}.book-grid,.chapter-grid,.directory-card-grid,.notes-list,.my-plans-list,.plan-list,.blog-post-list,.my-purpose-list,.purpose-template-list,.progress-grid{display:grid;gap:var(--grid-gap-mobile)}@media(min-width:768px){.book-grid,.chapter-grid,.directory-card-grid,.notes-list,.my-plans-list,.plan-list,.blog-post-list,.my-purpose-list,.purpose-template-list,.progress-grid{gap:var(--grid-gap-desktop)}}:root{--color-terracotta-50: #fbf5f3;--color-terracotta-100: #f5e8e4;--color-terracotta-200: #ebd2c8;--color-terracotta-300: #ddb3a2;--color-terracotta-400: #cc8e78;--color-terracotta-500: #ba5c47;--color-terracotta-600: #a14d3a;--color-terracotta-700: #8a3425;--color-terracotta-800: #6d291e;--color-terracotta-900: #521f17;--color-brown-50: #FBF9F6;--color-brown-100: #F5F2EF;--color-brown-200: #EAE6E1;--color-brown-300: #D7CCC8;--color-brown-400: #a69b97;--color-brown-500: #5D5350;--color-brown-600: #4e4644;--color-brown-700: #3E2B26;--color-brown-800: #2d1f1c;--color-brown-900: #1a1210;--color-sage-100: #edf1eb;--color-sage-500: #5E6651;--color-sage-700: #424939;--color-white: #FFFFFF;--color-black: #000000;--color-danger: #c62828;--color-danger-hover: #b71c1c;--color-success: #2e7d32;--color-warning: #ed6c02;--highlight-yellow: rgba(255, 235, 59, .4);--highlight-green: rgba(165, 214, 167, .4);--highlight-blue: rgba(144, 202, 249, .4);--highlight-pink: rgba(244, 143, 177, .4);--selector-yellow: #FBC02D;--selector-green: #4CAF50;--selector-blue: #2196F3;--selector-pink: #E91E63;--primary-color: var(--color-terracotta-500);--primary-color-hover: var(--color-terracotta-600);--secondary-color: var(--color-brown-700);--accent-color: var(--color-sage-500);--background-color: var(--color-brown-50);--surface-color: var(--color-brown-100);--card-bg: var(--color-white);--hover-bg: var(--color-brown-100);--drawer-bg: var(--color-white);--text-color: var(--color-brown-900);--text-secondary: var(--color-brown-500);--text-inverse: var(--color-white);--border-color: var(--color-brown-200);--delete-color: var(--color-danger);--delete-button-bg-color: var(--color-danger);--delete-button-hover-bg-color: var(--color-danger-hover);--button-bg-color: var(--primary-color);--button-hover-bg-color: var(--primary-color-hover);--button-text-color: var(--color-white);--disabled-bg-color: #cccccc;--matthew-color: #c62828;--matthew-bg: #ffebee;--mark-color: #1565c0;--mark-bg: #e3f2fd;--luke-color: #2e7d32;--luke-bg: #e8f5e9;--john-color: #6a1b9a;--john-bg: #f3e5f5;--chat-bg: var(--color-brown-200);--persona-bg: var(--color-brown-100);--persona-text: var(--color-brown-800);--persona-header: var(--secondary-color);--persona-border: var(--color-brown-300);--book-item-bg: #FDFBFA;--book-item-border: var(--color-brown-200);--font-serif: "Merriweather", "Georgia", "Times New Roman", serif;--font-sans: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1.05rem;--text-lg: 1.15rem;--text-xl: 1.3rem;--text-2xl: 1.6rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--leading-tight: 1.25;--leading-normal: 1.6;--leading-relaxed: 1.8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--header-height: 72px;--bottom-nav-height: 60px;--drawer-width: 280px;--layout-max-width: 1280px;--layout-max-width-wide: 1440px;--layout-padding-desktop: 40px;--layout-padding-mobile: 16px;--grid-gap-desktop: 16px;--grid-gap-mobile: 12px;--book-card-min-width-desktop: 180px;--book-card-min-width-mobile: 140px;--chapter-card-size: 56px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-color: rgba(78, 52, 46, .1);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -2px var(--shadow-color)}body.dark{--primary-color: #FFAB91;--primary-color-hover: #FF8A65;--secondary-color: #F5F2EF;--accent-color: #B0BEC5;--background-color: #121212;--surface-color: #1E1E1E;--card-bg: #252525;--hover-bg: #333333;--drawer-bg: #1E1E1E;--text-color: #EDEDED;--text-secondary: #BDBDBD;--text-inverse: #121212;--border-color: #404040;--shadow-color: rgba(0,0,0,.6);--chat-bg: #121212;--book-item-bg: #2C2C2C;--book-item-border: #404040;--persona-bg: #2C2C2C;--persona-text: #E0E0E0;--persona-header: var(--primary-color);--persona-border: #404040;--matthew-color: #ef9a9a;--matthew-bg: #2a1c1c;--mark-color: #90caf9;--mark-bg: #1c252a;--luke-color: #a5d6a7;--luke-bg: #1c2a1c;--john-color: #ce93d8;--john-bg: #2a1c2a;--button-bg-color: #FFAB91;--button-hover-bg-color: #FF8A65;--button-text-color: #3e2b26;--delete-button-bg-color: #c62828;--delete-button-hover-bg-color: #b71c1c;--disabled-bg-color: #555555;--highlight-yellow: rgba(253, 216, 53, .2);--highlight-green: rgba(102, 187, 106, .2);--highlight-blue: rgba(66, 165, 245, .2);--highlight-pink: rgba(236, 64, 122, .2)}.app-header{background-color:var(--card-bg);padding:var(--space-3) var(--space-5);display:flex;justify-content:space-between;align-items:center;box-shadow:none;border-bottom:1px solid transparent;position:sticky;top:0;z-index:1000;height:var(--header-height, 72px);transition:box-shadow .3s ease,background-color .3s ease,border-color .3s ease}.app-header.scrolled{box-shadow:0 4px 20px #00000014;border-bottom:1px solid var(--border-color);background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark .app-header.scrolled{background-color:#252525f2}.header-left-group{display:flex;align-items:center;gap:var(--space-2)}.header-title-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit;text-align:left}.header-title{font-size:var(--text-xl);font-family:var(--font-serif);color:var(--secondary-color);display:flex;align-items:center;gap:var(--space-2)}.logo-icon{color:var(--primary-color);font-size:var(--text-3xl)}.offline-indicator{display:inline-block;width:10px;height:10px;background-color:#ff9800;border-radius:50%;margin-left:var(--space-2);animation:pulse-offline 2s infinite;box-shadow:0 0 5px #ff9800}@keyframes pulse-offline{0%{transform:scale(.9);box-shadow:0 0 #ff9800b3}70%{transform:scale(1);box-shadow:0 0 0 10px #ff980000}to{transform:scale(.9);box-shadow:0 0 #ff980000}}.menu-toggle-btn{background:transparent;border:none;padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color .2s ease,transform .15s ease-in-out}.menu-toggle-btn:hover{background-color:var(--hover-bg)}.menu-toggle-btn:active{transform:scale(.9)}.menu-toggle-btn .material-icons{font-size:var(--text-2xl);color:var(--secondary-color)}.header-right-group{display:flex;align-items:center}.header-controls-container{display:flex;align-items:center;gap:8px;background-color:var(--hover-bg);padding:4px 8px;border-radius:50px;border:1px solid var(--border-color);height:44px}.header-icon-btn{background:transparent;border:none;cursor:pointer;color:var(--accent-color);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:color .2s,background-color .2s}.header-icon-btn:hover{color:var(--primary-color);background-color:var(--card-bg)}.header-icon-btn .material-icons{font-size:1.25rem}.header-divider{width:1px;height:16px;background-color:var(--border-color)}.header-lang-toggle{display:flex;align-items:center;gap:4px}.lang-btn{background:transparent;border:none;font-size:.75rem;font-weight:700;color:var(--accent-color);cursor:pointer;padding:8px;border-radius:4px;transition:all .2s;min-width:32px}.lang-btn:hover{color:var(--primary-color)}.lang-btn.active{color:var(--primary-color);background-color:var(--card-bg);box-shadow:0 1px 2px #0000000d}.lang-divider{font-size:.75rem;color:var(--border-color);margin-top:-1px}@media(min-width:768px){.app-header{padding:var(--space-3) var(--space-8);justify-content:space-between}.header-nav{display:flex;gap:var(--space-2);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);align-items:center;height:100%}.header-nav-button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;transition:background-color .2s,color .2s;color:var(--accent-color);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;height:40px}.header-nav-button:hover{background-color:var(--hover-bg);color:var(--text-color)}.header-nav-button.active{background-color:var(--primary-color);color:#fff}body.dark .header-nav-button.active{color:var(--text-color)}.header-nav-button .material-icons{font-size:1.25rem}.menu-toggle-btn{display:flex}}@media(max-width:767px){.app-header{padding-left:var(--space-4);padding-right:var(--space-4)}.header-nav{display:none}}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1001;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.side-drawer{position:fixed;top:0;left:0;width:var(--drawer-width);height:100%;background-color:var(--drawer-bg);z-index:1002;box-shadow:2px 0 8px var(--shadow-color);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.side-drawer.open{transform:translate(0)}.drawer-user-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease-in-out}.drawer-user-header:hover{background-color:var(--hover-bg)}.drawer-avatar{width:48px;height:48px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-family:var(--font-serif);flex-shrink:0;overflow:hidden}body.dark .drawer-avatar{color:var(--background-color)}.drawer-avatar img{width:100%;height:100%;object-fit:cover}.drawer-user-info{flex-grow:1;display:flex;flex-direction:column;text-align:left}.drawer-username{font-weight:700;font-size:1rem}.drawer-user-status{font-size:.85rem;color:var(--accent-color)}.drawer-user-actions{display:flex;align-items:center;gap:.25rem}.drawer-admin-button{padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.drawer-admin-button:hover{background-color:var(--border-color)}.drawer-admin-button .material-icons{color:var(--primary-color)}.drawer-chevron{color:var(--accent-color)}.drawer-header{padding:var(--space-5) var(--space-6);background-color:var(--primary-color);color:#fff;font-family:var(--font-serif);font-size:var(--text-lg)}body.dark .drawer-header{color:var(--text-color)}.drawer-nav{list-style:none;padding:var(--space-3) var(--space-4);flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.drawer-nav li button,.drawer-nav-link{display:flex;align-items:center;padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--text-color);font-size:var(--text-base);transition:background-color .2s;width:100%;text-align:left;background:none;border:none;cursor:pointer;border-radius:var(--radius-md)}.drawer-nav li button:hover,.drawer-nav-link:hover{background-color:var(--hover-bg)}.drawer-nav .material-icons{margin-right:var(--space-5);color:var(--secondary-color)}.drawer-nav li.drawer-nav-divider{height:1px;background-color:var(--border-color);margin:var(--space-3) var(--space-2);padding:0}.drawer-actions-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color)}.drawer-setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.drawer-actions-footer .icon-toggle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--hover-bg);color:var(--text-color);transition:all .2s;border:1px solid transparent;cursor:pointer}.drawer-actions-footer .icon-toggle:hover{background-color:var(--border-color)}.drawer-actions-footer .icon-toggle.active{background-color:var(--secondary-color);color:var(--background-color)}.drawer-actions-footer .language-toggle{display:flex;background-color:var(--hover-bg);border-radius:20px;padding:2px;border:1px solid var(--border-color)}.drawer-actions-footer .lang-chip{padding:6px 14px;border-radius:16px;font-size:.85rem;font-weight:700;color:var(--accent-color);transition:all .2s;border:none;background:transparent;cursor:pointer}.drawer-actions-footer .lang-chip.active{background-color:var(--card-bg);color:var(--primary-color);box-shadow:0 1px 3px #0000001a}.drawer-logout-btn{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-2);text-align:left;background-color:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--delete-color);font-size:var(--text-base);font-weight:700;transition:all .2s;cursor:pointer}.drawer-logout-btn:hover{background-color:var(--delete-button-bg-color);color:#fff;border-color:var(--delete-button-bg-color)}.drawer-logout-btn .material-icons{color:inherit}.drawer-footer{padding:var(--space-4) var(--space-6);font-size:var(--text-sm);color:var(--accent-color);border-top:1px solid var(--border-color);text-align:center;line-height:1.5}.drawer-footer a{color:var(--primary-color);text-decoration:none;font-weight:700}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;background-color:var(--card-bg);box-shadow:0 -1px 3px var(--shadow-color);z-index:1000;height:var(--bottom-nav-height)}.nav-button{flex-grow:1;padding:var(--space-2) 0;color:var(--accent-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:var(--text-xs);transition:color .2s,transform .2s ease-in-out;background:transparent;border:none;cursor:pointer}.nav-button:hover{color:var(--primary-color);transform:translateY(-2px)}.nav-button:active{transform:translateY(0)}.nav-button .material-icons{font-size:var(--text-xl);transition:transform .2s ease-in-out}.nav-button.active{color:var(--primary-color)}.nav-button.active .material-icons,.nav-button.active:hover .material-icons{transform:scale(1.1)}@media(min-width:768px){.bottom-nav{display:none!important}}.app-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-4) var(--space-4) var(--space-6);font-size:var(--text-sm);color:var(--accent-color);background-color:var(--background-color);border-top:1px solid var(--border-color);transition:all .3s ease}.footer-flow-button{background-color:var(--primary-color);color:var(--button-text-color);text-decoration:none;padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-weight:700;font-size:.9rem;box-shadow:0 2px 6px var(--shadow-color);transition:all .2s cubic-bezier(.25,.8,.25,1)}.footer-flow-button:hover{transform:translateY(-2px);background-color:var(--primary-color-hover);box-shadow:0 4px 10px var(--shadow-color)}.footer-flow-button:active{transform:translateY(0)}.back-button,.action-button,.delete-button{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--space-4);color:var(--primary-color);font-weight:700;font-size:var(--text-sm);background:transparent;border:none;cursor:pointer}.back-button .material-icons{font-size:var(--text-lg)}.action-button,.delete-button{background-color:var(--button-bg-color);color:var(--button-text-color);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:700;transition:background-color .2s,box-shadow .2s,transform .2s;margin-bottom:0;box-shadow:0 2px 6px var(--shadow-color)}.action-button:hover{background-color:var(--button-hover-bg-color);box-shadow:0 4px 10px var(--shadow-color);transform:translateY(-2px)}.action-button:active{transform:translateY(0);box-shadow:0 2px 4px var(--shadow-color)}.delete-button{background-color:var(--delete-button-bg-color);color:#fff}.delete-button:hover{background-color:var(--delete-button-hover-bg-color);box-shadow:0 4px 10px var(--shadow-color);transform:translateY(-2px)}.delete-button:active{transform:translateY(0);box-shadow:0 2px 4px var(--shadow-color)}.fab{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-4));right:var(--space-4);width:52px;height:52px;border-radius:50%;background-color:var(--button-bg-color);color:var(--button-text-color);box-shadow:0 4px 8px var(--shadow-color);display:flex;align-items:center;justify-content:center;z-index:999;transition:background-color .2s,transform .2s;border:none;cursor:pointer}.fab:hover{background-color:var(--button-hover-bg-color);transform:scale(1.05)}.fab:active{transform:scale(.98)}.fab .material-icons{font-size:22px}@media(min-width:768px){.fab{display:none}}.image-loader-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--hover-bg)}.image-loader-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--hover-bg) 25%,var(--border-color) 50%,var(--hover-bg) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite linear;z-index:1;opacity:1;transition:opacity .5s ease-out,visibility .5s}.image-loader-skeleton.hidden{opacity:0;visibility:hidden}.image-content{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out;display:block}.image-content.loaded{opacity:1}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.desktop-chapter-nav{display:none}@media(min-width:768px){.desktop-chapter-nav{display:flex;justify-content:space-between;position:fixed;bottom:30px;left:30px;right:30px;z-index:1000;pointer-events:none}.desktop-nav-btn{pointer-events:auto;width:50px;height:50px;border-radius:50%;background-color:var(--card-bg);color:var(--primary-color);box-shadow:0 4px 12px var(--shadow-color);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);transition:transform .2s,background-color .2s,color .2s}.desktop-nav-btn:not(:disabled):hover{background-color:var(--primary-color);color:#fff;transform:scale(1.1)}body.dark .desktop-nav-btn:not(:disabled):hover{color:var(--background-color)}.desktop-nav-btn:disabled{opacity:.4;cursor:not-allowed}.desktop-nav-btn .material-icons{font-size:1.5rem}.desktop-nav-btn.prev .material-icons{margin-left:-2px}.desktop-nav-btn.next .material-icons{margin-right:-2px}}