:root{--bg:#f5fbff;--surface:#fff9;--text:#0b2d34;--muted:#5a7f86;--primary:#0ec5a1;--primary-2:#08a5c2;--accent:#7ce3ff;--glow:#0ec5a159;--card-shadow:0 10px 30px #0f5c6d26;--glass:#fff6;--border:#ffffff59}.app.dark-mode{--bg:linear-gradient(135deg,#0a1216,#1a2832);--bg-dark:linear-gradient(135deg,#0a1216,#1a2832);--text:#fffffff2;--text-dark:#fffffff2;--muted:#ffffffb3;--border:#fff3;--glass:#ffffff1a;--card-shadow:0 8px 32px #0006}*{box-sizing:border-box}#root,body,html{height:100%}body{background:linear-gradient(135deg,#e7fbff,#ecfff9);background-attachment:fixed;color:#0b2d34;color:var(--text);font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;margin:0}.app{background:radial-gradient(1200px 800px at 10% 10%,#7ee3ff4d,#0000 60%),radial-gradient(1000px 700px at 90% 20%,#0ec5a140,#0000 60%),#f5fbff;background:radial-gradient(1200px 800px at 10% 10%,#7ee3ff4d,#0000 60%),radial-gradient(1000px 700px at 90% 20%,#0ec5a140,#0000 60%),var(--bg);min-height:100vh}.container{margin-inline:auto;width:min(1200px,92%)}.gradient-text{background:linear-gradient(90deg,#0ec5a1,#08a5c2);background:linear-gradient(90deg,var(--primary),var(--primary-2));-webkit-background-clip:text;background-clip:text;color:#0000}.glass{backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);background:#fff6;background:var(--glass);border:1px solid #ffffff59;border:1px solid var(--border)}.shadow-3d{box-shadow:0 10px 30px #0f5c6d26;box-shadow:var(--card-shadow)}.round{border-radius:16px}a{text-decoration:none}a,svg{color:inherit}@keyframes shimmer{0%{background-position:-450px 0}to{background-position:450px 0}}@keyframes floatUp{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}:root{--bp-sm:480px;--bp-md:768px;--bp-lg:1024px}.app{transition:background .4s ease,color .3s ease}.search-filter-section{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin:0 auto;padding:28px 16px 12px;width:min(1100px,95%)}@media (min-width:768px){.search-filter-section{align-items:center;flex-direction:column;justify-content:center}}.search-filter-section .search-container{margin:0 auto;max-width:720px;width:100%}@media (max-width:767px){.search-filter-section .search-container{max-width:100%}}section{padding:20px 0}@media (min-width:768px){section{padding:28px 0}}.app.dark-mode{background:var(--bg-dark);color:var(--text-dark)}.app.dark-mode *{border-color:#fff3!important}.app.dark-mode svg{color:#ffffffe6!important}.navbar{backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);background:linear-gradient(180deg,#fff9,#fff3);border-bottom:1px solid var(--border);padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:50}.app.dark-mode .navbar{background:linear-gradient(180deg,#0a1216d9,#0a121666)}.nav-container{justify-content:space-between;margin-inline:auto;width:min(1200px,92%)}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--text);gap:10px}.logo-icon{color:var(--primary);filter:drop-shadow(0 4px 8px var(--glow));font-size:22px}.logo-text{font-weight:800;letter-spacing:.2px}.nav-menu{display:flex;gap:10px}.nav-item,.nav-menu{align-items:center;color:var(--text)}.nav-item{background:var(--glass);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:inline-flex;gap:8px;padding:10px 14px;transition:transform .2s ease,box-shadow .3s ease,background .3s ease}.nav-item:hover{box-shadow:var(--card-shadow);transform:translateY(-2px)}.nav-item.active{background:linear-gradient(90deg,var(--primary),var(--primary-2));box-shadow:0 8px 24px var(--glow);color:#fff}.theme-toggle{padding:10px}@media (max-width:440px){.nav-container{width:94%}.nav-menu{flex-wrap:wrap;gap:8px;justify-content:flex-end}.nav-item{border-radius:10px;padding:8px 10px}.logo-text{font-size:14px}}.hero{display:grid;min-height:52vh;overflow:hidden;place-items:center;position:relative}.hero-background{background-image:url(https://images.unsplash.com/photo-1504754524776-8f4f37790ca0?q=80&w=1600&auto=format&fit=crop);background-position:50%;background-size:cover;filter:saturate(1.05) contrast(1.05) brightness(.95);inset:0;position:absolute;transform:scale(1.02)}.hero-overlay{background:linear-gradient(180deg,#00000080,#000 30%,#fff0),linear-gradient(90deg,#0ec5a12e,#08a5c22e);inset:0;position:absolute}.hero-content{color:#fff;padding:28px 16px;position:relative;text-align:center;z-index:1}.hero-title{font-size:clamp(28px,5vw,48px);margin:0 0 8px}.hero-subtitle{font-size:clamp(14px,2.5vw,18px);margin:0;opacity:.95}.hero-features{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:18px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:999px;display:inline-flex;gap:8px;padding:8px 12px}.app.dark-mode .hero-overlay{background:linear-gradient(180deg,#00000073,#0003)}.search-section{padding-top:16px}.search-container{margin-inline:auto;width:min(900px,92%)}.search-form{width:100%}.search-wrapper{align-items:center;display:flex;gap:12px;justify-content:center}.search-input-container{backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);background:var(--glass);border:1px solid var(--border);border-radius:50px;box-shadow:var(--card-shadow);flex:0 0 500px;margin:0 auto;overflow:hidden;position:relative}@media (max-width:440px){.search-wrapper{align-items:center;flex-direction:row;gap:8px}.search-input-container{border-radius:16px;flex:1 1 auto;min-width:0;width:auto}.search-button{flex:0 0 auto;height:44px;padding:12px;width:44px}}.search-input{background:#0000;border:none;color:var(--text);font-size:16px;outline:none;padding:16px 20px;width:100%}.search-input::placeholder{color:var(--muted)}.search-button{align-items:center;background:linear-gradient(90deg,var(--primary),var(--primary-2));border:none;border-radius:50%;box-shadow:0 8px 24px var(--glow);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:16px;transition:transform .2s ease,box-shadow .3s ease}.search-button:hover{transform:translateY(-2px)}.search-icon{color:#fff;font-size:18px}.search-suggestions{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.suggestion-chip{background:#fff9;border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;padding:6px 12px}.suggestion-chip:hover{background:#ffffffd9;box-shadow:var(--card-shadow)}.suggestions-dropdown{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,#fffffff2,#fffc);border:1px solid var(--border);border-radius:16px;box-shadow:var(--card-shadow);left:0;list-style:none;margin:0;padding:8px;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.app.dark-mode .suggestions-dropdown{background:linear-gradient(180deg,#0a1216f2,#0a1216cc);border-color:#fff3}.suggestion-row{border-radius:12px;color:var(--text);cursor:pointer;padding:12px 16px;transition:background .2s ease}.suggestion-row.active,.suggestion-row:hover{background:#7ce3ff2e}.app.dark-mode .search-input-container{backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);background:#ffffff14;border-color:#fff3}.app.dark-mode .search-input{color:#ffffffe6}.app.dark-mode .search-input::placeholder{color:#ffffff80}.primary-button{align-items:center;background:linear-gradient(90deg,var(--primary),var(--primary-2));border:none;border-radius:999px;box-shadow:0 8px 24px var(--glow);color:#fff;cursor:pointer;display:inline-flex;gap:8px;padding:10px 16px;transition:transform .2s ease,box-shadow .3s ease}.primary-button:hover{transform:translateY(-2px)}.filter-dropdown{display:inline-block;position:relative}.filter-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.filter-toggle:hover{box-shadow:var(--card-shadow);transform:translateY(-1px)}.filter-icon{color:var(--primary);font-size:16px}.chevron-icon{font-size:14px;transition:transform .2s ease}.chevron-icon.open{transform:rotate(180deg)}.filter-menu{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,#fffffff2,#fffc);border:1px solid var(--border);border-radius:12px;box-shadow:var(--card-shadow);left:0;min-width:160px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.app.dark-mode .filter-menu{background:linear-gradient(180deg,#0a1216f2,#0a1216cc);border-color:#fff3}.filter-option{background:#0000;border:none;border-radius:8px;color:var(--text);cursor:pointer;font-size:14px;padding:10px 12px;text-align:left;transition:background .2s ease;width:100%}.filter-option:hover{background:#7ce3ff26}.filter-option.active{background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff}.app.dark-mode .filter-toggle{border-color:#fff3}.app.dark-mode .chevron-icon,.app.dark-mode .filter-icon{color:#ffffffe6}.diet-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 18px}.diet-pill{align-items:center;background:var(--glass);border:1px solid var(--border);border-radius:20px;color:var(--text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s ease}.diet-pill:hover{background:var(--glass-hover);transform:translateY(-1px)}.diet-pill.active{background:linear-gradient(90deg,var(--primary),var(--primary-2));border-color:#0000;box-shadow:0 4px 12px var(--glow);color:#fff}.diet-icon{font-size:16px}.app.dark-mode .diet-pill{background:#ffffff0d;border-color:#ffffff1a}.app.dark-mode .diet-pill.active{background:linear-gradient(90deg,var(--primary),var(--primary-2))}.recipes-section{padding-top:10px}.recipes-container{margin-inline:auto;width:min(1200px,94%)}.recipes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.recipes-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.recipes-grid{grid-template-columns:repeat(3,1fr)}}.recipe-card{background:linear-gradient(180deg,#fff,#fff);border:1px solid var(--border);border-radius:16px;box-shadow:var(--card-shadow);cursor:pointer;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .3s ease}.app.dark-mode .recipe-card{background:linear-gradient(180deg,#0a1216b3,#0a121659)}.recipe-card:hover{box-shadow:0 16px 40px var(--glow)}.card-image-wrapper{position:relative}.card-image{display:block;filter:saturate(1.05);height:220px;object-fit:cover;width:100%}.favorite-btn{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000059;border:1px solid #ffffffa6;border-radius:50%;color:#fff;display:grid;height:38px;place-items:center;position:absolute;right:12px;top:12px;width:38px}.favorite-btn svg{filter:drop-shadow(0 0 0 rgba(0,0,0,0));transition:color .15s ease,transform .15s ease}.favorite-btn:hover svg{transform:scale(1.06)}.favorite-btn.active{background:#e02424;border-color:#e02424;box-shadow:0 8px 20px #e0242459;color:#fff}.favorite-btn.active svg{color:#fff}.app.dark-mode .favorite-btn{background:#ffffff2e;border-color:#ffffff47;box-shadow:0 6px 16px #00000059;color:#fffffffa}.app.dark-mode .favorite-btn.active{background:#e02424;border-color:#e02424;box-shadow:0 10px 24px #e0242473;color:#fff}.card-content{padding:14px}.card-title{font-size:18px;margin:0 0 8px}.card-meta{color:var(--muted);display:flex;font-size:14px;gap:14px}.meta-item{align-items:center;display:inline-flex;gap:6px}.card-category{color:var(--primary-2);font-size:13px;font-weight:600;margin-top:10px}.card-overlay{background:linear-gradient(180deg,#fff0,#00000059);color:#fff;font-weight:600;inset:auto 0 0 0;letter-spacing:.2px;padding:10px 14px;position:absolute;text-align:right}.recipe-card:hover .card-overlay span{text-decoration:underline}@media (max-width:440px){.card-image{height:180px}.card-content{padding:12px}.card-title{font-size:16px}.card-meta{flex-wrap:wrap;font-size:13px;gap:10px}}.about-section{grid-column:1;text-align:center}.ingredients-section,.instructions-section{grid-column:1}@media (min-width:992px){.ingredients-section{grid-column:2}}.modal-overlay{background:#00000073;display:grid;inset:0;place-items:center;position:fixed;z-index:100}.modal-content{background:linear-gradient(180deg,#fffffff2,#ffffffd9);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 60px #00000040;max-height:92vh;overflow:auto;width:min(1000px,94%)}.app.dark-mode .modal-content{background:linear-gradient(180deg,#0a1216f2,#0a1216d9)}.modal-close{background:var(--glass);border:1px solid var(--border);border-radius:12px;color:var(--text);display:grid;height:40px;place-items:center;position:absolute;right:130px;top:35px;width:40px}.modal-header{display:block;padding-top:18px;position:relative}.modal-image{border-radius:14px;display:block;height:auto;margin:0 auto;object-fit:cover;width:min(300px,200%)}.modal-info{padding:22px 22px 12px}.modal-title{font-size:clamp(20px,3vw,28px);margin:0 0 8px}.modal-meta{display:flex;flex-wrap:wrap;gap:8px}.area-badge,.category-badge,.tag-badge{background:#fff9;border:1px solid var(--border);border-radius:999px;font-size:12px;padding:6px 10px}.modal-stats{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.stat-item{color:var(--muted);gap:6px}.favorite-btn-modal,.stat-item{align-items:center;display:inline-flex}.favorite-btn-modal{background:#0000;border:none;border-radius:50%;box-shadow:none;color:var(--text);height:40px;justify-content:center;margin-left:auto;width:40px}.favorite-btn-modal:hover svg{transform:scale(1.06)}.favorite-btn-modal svg{transition:transform .15s ease,color .15s ease}.favorite-btn-modal.active svg{color:#e02424}.modal-body{grid-gap:24px;display:grid;gap:24px;padding:24px}@media (min-width:992px){.modal-body{align-items:start;grid-template-columns:1fr 1fr}}.about-section h3,.ingredients-section h3,.instructions-section h3{margin:0 0 10px}.about-text{color:var(--muted);font-size:.9rem;line-height:1.5;margin:0}.divider{background:var(--border);height:1px;margin:14px 0 0}.ingredients-list{grid-gap:6px 18px;display:grid;gap:6px 18px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:8px 0 0;padding:0}.ingredient-item{align-items:baseline;display:flex;gap:10px;padding:6px 0}.ingredient-bullet{color:var(--primary);font-weight:700}.instructions-content{grid-gap:10px;display:grid;gap:10px;padding:0 12px}.instruction-step{background:#0000;border:none;font-size:1.04rem;line-height:1.55;padding:0 2px}.step-number{align-items:center;background:#0ec5a11f;border-radius:6px;color:var(--primary);display:inline-flex;font-weight:700;height:24px;justify-content:center;margin-right:8px;width:24px}.links-section{display:flex;gap:10px;grid-column:1/-1}.link-btn{background:linear-gradient(90deg,var(--primary),var(--primary-2));border:1px solid var(--border);border-radius:10px;color:#fff;font-weight:600;padding:10px 14px;text-decoration:none}.link-btn.secondary{background:var(--glass);color:var(--text)}.video-section{grid-column:1/-1}.video-link{color:var(--primary-2);font-weight:600}@media (max-width:440px){.modal-content{border-radius:14px;width:96%}.modal-header{padding-top:14px}.modal-image{max-width:280px;width:100%}.modal-info{padding:16px 16px 8px}.modal-title{font-size:20px}.modal-meta{gap:6px}.favorite-btn-modal{height:36px;width:36px}.modal-stats{gap:10px}.modal-body{gap:16px;padding:16px}.ingredients-list{grid-template-columns:1fr}.modal-close{right:12px;top:12px}}.favorites-section{padding-top:10px}.favorites-container{margin-inline:auto;width:min(1200px,94%)}.favorites-header{align-items:baseline;display:flex;gap:10px;justify-content:space-between;padding:8px 4px 16px}.favorites-title{align-items:center;display:inline-flex;gap:8px;margin:0}.title-icon{color:var(--primary)}.favorites-count{color:var(--muted);font-size:14px}.favorites-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.favorites-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.favorites-grid{grid-template-columns:repeat(3,1fr)}}.favorite-card{background:linear-gradient(180deg,#ffffffb3,#fff6);border:1px solid var(--border);border-radius:16px;box-shadow:var(--card-shadow);cursor:pointer;overflow:hidden;position:relative}.remove-favorite-btn{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000059;border:1px solid #ffffffa6;border-radius:12px;color:#fff;display:grid;height:38px;place-items:center;position:absolute;right:12px;top:12px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;width:38px}.remove-favorite-btn:hover{transform:scale(1.04)}.remove-favorite-btn svg{transition:color .15s ease,transform .15s ease}.remove-favorite-btn:hover svg{transform:scale(1.06)}.remove-favorite-btn.active{background:#e02424;border-color:#e02424;box-shadow:0 8px 20px #e0242459;color:#fff}.remove-favorite-btn.active svg{color:#fff}.app.dark-mode .remove-favorite-btn{background:#ffffff2e;border-color:#ffffff47;box-shadow:0 6px 16px #00000059;color:#fffffffa}.app.dark-mode .remove-favorite-btn.active{background:#e02424;border-color:#e02424;box-shadow:0 10px 24px #e0242473;color:#fff}.empty-favorites{padding:40px 0;text-align:center}.empty-icon{background:#0ec5a11f;border-radius:14px;color:var(--primary);display:grid;height:56px;margin:0 auto 10px;place-items:center;width:56px}.footer{background:linear-gradient(180deg,#ffffffe6,#f0f7f9d9);border-top:1px solid var(--border);box-shadow:0 -8px 24px #0f5c6d14;margin-top:20px;padding:28px 0 16px}.app.dark-mode .footer{background:linear-gradient(180deg,#0a1216b3,#0a121633)}.footer-container{margin-inline:auto;width:min(1200px,94%)}.footer-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}}.footer-title{font-size:16px;margin:0 0 8px}.footer-text{color:var(--muted);margin:0}.footer-links{grid-gap:8px;color:var(--muted);display:grid;gap:8px;list-style:none;margin:6px 0 0;padding:0}.footer-links a:hover{color:var(--primary-2)}.social-row{display:flex;gap:10px}.social-row a{background:var(--glass);border:1px solid var(--border);border-radius:12px;box-shadow:var(--card-shadow);display:grid;height:38px;place-items:center;width:38px}.footer-bottom{border-top:1px solid var(--border);color:var(--muted);font-size:14px;margin-top:16px;padding-top:12px;text-align:center}.back-to-top{background:linear-gradient(90deg,var(--primary),var(--primary-2));border:1px solid var(--border);border-radius:50%;bottom:14px;box-shadow:0 10px 28px var(--glow);color:#fff;display:grid;height:44px;place-items:center;position:fixed;right:14px;width:44px;z-index:999}.back-to-top:hover{transform:translateY(-2px)}.app.dark-mode .back-to-top{background:linear-gradient(90deg,#0ec5a1,#40dfff)}.loading-container{margin-inline:auto;width:min(1200px,94%)}.loading-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.loading-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.loading-grid{grid-template-columns:repeat(3,1fr)}}.skeleton-card{background:#ffffff8c;border:1px solid var(--border);border-radius:16px;box-shadow:var(--card-shadow);overflow:hidden}.skeleton-image{height:220px}.skeleton-content{grid-gap:10px;display:grid;gap:10px;padding:14px}.skeleton-title{border-radius:8px;height:16px;width:70%}.skeleton-meta{display:flex;gap:10px}.skeleton-meta-item{border-radius:6px;height:12px;width:30%}.skeleton-category{border-radius:6px;height:12px;width:40%}.shimmer{animation:shimmer 1.6s linear infinite;background:linear-gradient(90deg,#c8dce440 25%,#ffffffb3 37%,#c8dce440 63%);background-size:800px 100%}.error-container{margin-inline:auto;width:min(900px,92%)}.error-content{background:#fff9;border:1px solid var(--border);border-radius:16px;box-shadow:var(--card-shadow);padding:24px 18px;text-align:center}.error-icon{background:#08a5c21f;border-radius:14px;color:var(--primary-2);display:grid;font-size:24px;height:56px;margin:0 auto 10px;place-items:center;width:56px}.error-title{margin:8px 0 6px}.error-message{color:var(--muted);margin:0}.retry-button{align-items:center;background:linear-gradient(90deg,var(--primary),var(--primary-2));border:none;border-radius:12px;box-shadow:0 8px 24px var(--glow);color:#fff;cursor:pointer;display:inline-flex;gap:8px;margin-top:12px;padding:10px 14px}.pagination{align-items:center;background:var(--glass);border:1px solid var(--border);border-radius:12px;box-shadow:var(--card-shadow);display:flex;gap:12px;justify-content:space-between;margin:12px auto 28px;padding:10px 12px;width:min(1200px,94%)}.pagination-info{color:var(--muted);display:flex;font-size:14px;gap:14px}.pagination-controls{align-items:center;display:flex;gap:8px;margin-left:auto}.page-btn{background:#fff;border:1px solid var(--border);border-radius:12px;color:var(--text);display:grid;height:38px;place-items:center;width:38px}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-numbers{align-items:center;display:flex;gap:6px}.page-num{background:#fff;border:1px solid var(--border);border-radius:10px;color:var(--text);height:36px;min-width:36px;padding:0 10px}.page-num.active{background:linear-gradient(90deg,var(--primary),var(--primary-2));border-color:#0000;box-shadow:0 6px 16px var(--glow);color:#fff}.ellipsis{color:var(--muted);padding:0 4px}.app.dark-mode .pagination{background:#ffffff0f}.app.dark-mode .page-btn,.app.dark-mode .page-num{background:#ffffff1f;border-color:#ffffff2e;color:#fffffff2}.app.dark-mode .page-num.active{background:linear-gradient(90deg,#0ec5a1,#40dfff);box-shadow:0 8px 22px #40dfff40;color:#fff}@media (max-width:440px){.pagination{align-items:stretch;flex-direction:column;gap:8px;margin:10px auto 20px;padding:8px}.pagination-info{font-size:12px;justify-content:space-between}.pagination-controls{gap:6px;justify-content:space-between;width:100%}.page-numbers{display:flex;flex:1 1;gap:4px;justify-content:center;overflow-x:auto;scrollbar-width:none}.page-numbers::-webkit-scrollbar{display:none}.page-btn{border-radius:10px;height:32px;width:32px}.page-num{border-radius:8px;font-size:12px;height:30px;min-width:30px;padding:0 8px}.ellipsis{display:none}}
/*# sourceMappingURL=main.690ad3a7.css.map*/