.navbar{background-color:#ffffff;border-bottom:1px solid #e5e7eb;padding:.5rem 0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);width:100%}.navbar-container{max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.navbar-left{display:flex;align-items:center;justify-content:flex-start;width:100%}.navbar-brand{gap:.25rem}.website-name{font-size:.75rem;padding:.125rem .375rem}.navbar-brand{display:flex;align-items:center;gap:.5rem;flex-direction:row}.website-name{color:#1d4ed8;text-decoration:none;font-size:.875rem;font-weight:700;transition:all .2s;padding:.25rem .5rem;border-radius:.375rem;background-color:#dbeafe;border:2px solid #3b82f6;box-shadow:0 1px 3px rgba(0,0,0,.1);display:inline-flex;align-items:center}.website-name:hover{background-color:#3b82f6;color:white;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.navbar-title{font-size:1.25rem;font-weight:600;margin:0;color:#1f2937;line-height:1}.navbar-right{flex-wrap:wrap;justify-content:center;width:100%}.navbar-admin-section,.navbar-right{display:flex;align-items:center;gap:.375rem}.navbar-admin-section{margin-left:.75rem;padding-left:.75rem;border-left:1px solid #e5e7eb}.navbar-admin-link,.navbar-upload,.upload-button{display:flex;align-items:center}.upload-button{background-color:#10b981;color:white;border:none;padding:.375rem .75rem;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s;gap:.25rem;height:2rem;justify-content:center}.upload-button:hover:not(:disabled){background-color:#059669}.upload-button:disabled{opacity:.5;cursor:not-allowed}.hidden-file-input{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-panel{background:#fff;width:min(800px,92vw);max-height:90vh;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;flex-direction:column}.modal-footer,.modal-header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.modal-footer{border-top:1px solid #e5e7eb;border-bottom:none}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-close{background:transparent;border:none;font-size:1.125rem;cursor:pointer}.modal-body{padding:1rem;overflow:auto}.field{margin-bottom:.75rem;display:flex;flex-direction:column;gap:.25rem}.field>label{font-weight:600;color:#374151}.field>textarea{resize:vertical;padding:.5rem;border:1px solid #e5e7eb;border-radius:6px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.preview{max-width:100%;height:auto;margin-top:.5rem;border:1px solid #e5e7eb;border-radius:6px}.tags-list{gap:.5rem}.tag{border:1px solid #d1d5db;background:#f9fafb;border-radius:9999px;cursor:pointer}.tag.selected{background:#dbeafe;border-color:#3b82f6}.translate-btn{background:#0ea5e9;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer}.tag-groups{display:grid;grid-template-columns:1fr;gap:.75rem}.tag-group{border:1px solid #e5e7eb;border-radius:8px;padding:.5rem;background:#fafafa}.tag-group-header{margin-bottom:.5rem}.tag-group-children{display:flex;flex-wrap:wrap;gap:.5rem}.main-container{max-width:80rem;margin:0 auto;padding:1rem}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1}.privacy{color:var(--foreground)}.privacy-intro{color:var(--muted-foreground);margin-bottom:1rem}.privacy-section-title{font-size:1.125rem;font-weight:600;margin:1rem 0 .5rem;color:var(--heading)}.privacy-subtitle{font-size:1rem;font-weight:600;margin:.75rem 0 .25rem;color:var(--heading)}.privacy-text{margin:0 0 .5rem;color:var(--foreground)}.privacy-list{padding-left:1.25rem;margin:0 0 .75rem}.privacy-last-updated{margin-top:1.5rem;font-size:.875rem;color:var(--muted-foreground)}.privacy-section{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.footer{background-color:var(--surface);border-top:1px solid var(--border)}.footer-container{max-width:80rem;margin:0 auto;padding:1.5rem 1rem;color:var(--muted-foreground);font-size:.875rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-copy{font-size:.75rem}.footer-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.footer-link{color:inherit;text-decoration:none}.footer-link:hover{text-decoration:underline}@media (max-width:640px){.footer-inner{flex-direction:column;align-items:flex-start}}.language-switcher{display:flex;gap:.25rem;margin-bottom:0;justify-content:center}.language-switcher-wrapper{display:flex;align-items:center;gap:.25rem}.language-button{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;transition:all .2s}.language-button.active{background-color:#3b82f6;color:white}.language-button.inactive{background-color:#e5e7eb;color:#374151}.language-button.inactive:hover{background-color:#d1d5db}.language-button{display:flex;align-items:center;gap:.375rem}.language-button .fi{font-size:1rem;border-radius:.125rem;overflow:hidden}.language-button .language-name{font-weight:500}.language-select{display:none;height:2rem;font-size:.875rem;padding:.25rem .5rem;border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:.25rem}.language-dropdown{display:none;position:relative;margin-left:auto;margin-right:auto}.language-dropdown-button{display:flex;align-items:center;justify-content:center;gap:.375rem;height:2rem;font-size:.875rem;padding:.25rem 2rem .25rem .5rem;border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:.25rem;position:relative;width:100%}.language-dropdown-button:after{content:"\25BC";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--muted-foreground);pointer-events:none}.language-dropdown.open .language-dropdown-button:after{content:"\25B2"}.language-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:.375rem;box-shadow:0 8px 16px rgba(0,0,0,.12);z-index:999;padding:.25rem}.language-dropdown-item{display:flex;align-items:center;gap:.375rem;width:100%;text-align:left;padding:.375rem .5rem;background:transparent;color:var(--foreground);border:none;border-radius:.25rem;cursor:pointer}.language-dropdown-item:hover{background:var(--surface-muted)}.language-dropdown-item.active{background:#3b82f6;color:#fff}@media (max-width:1100px){.language-select,.language-switcher{display:none}.language-dropdown{display:block;width:100%;max-width:220px;margin-left:auto;margin-right:auto}}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.auth-button{margin-bottom:0;padding:.375rem .75rem;border-radius:.25rem;transition:all .2s;font-size:.875rem;height:2rem;display:flex;align-items:center;justify-content:center}.login-button{background-color:#3b82f6;color:white}.login-button:hover{background-color:#2563eb}.logout-button{background-color:#d1d5db;color:#374151}.logout-button:hover{background-color:#9ca3af}.upload-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.upload-form{margin-bottom:0}.upload-header{margin-bottom:1rem}.upload-header h3{font-size:1.125rem;font-weight:600;color:#374151;margin:0}.upload-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.file-input-wrapper{display:flex;flex-direction:column;gap:.5rem}.upload-input{padding:.75rem;border:2px dashed #d1d5db;border-radius:.5rem;background-color:white;cursor:pointer;transition:all .2s}.upload-input:hover{border-color:#3b82f6;background-color:#f8fafc}.upload-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.selected-file{background-color:#e0f2fe;border:1px solid #0ea5e9;border-radius:.375rem;padding:.5rem}.file-name{font-size:.875rem;color:#0c4a6e;font-weight:500}.upload-submit-button{background-color:#3b82f6;color:white;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;align-self:flex-start}.upload-submit-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.upload-submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.upload-success{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1rem;margin-top:1rem}.success-message{display:flex;align-items:center;gap:.5rem;color:#166534;font-weight:500;margin-bottom:1rem}.success-icon{font-size:1.25rem;color:#16a34a}.url-display{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.url-label{font-size:.875rem;font-weight:500;color:#374151}.url-container{display:flex;align-items:center;gap:.5rem;background-color:white;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem}.short-url{flex:1;font-family:Courier New,monospace;font-size:.875rem;color:#374151;word-break:break-all}.copy-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s;font-size:1rem}.copy-button:hover{background-color:#f3f4f6}.view-link{color:#3b82f6;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s}.view-link:hover{color:#2563eb;text-decoration:underline}.reset-button{background-color:#6b7280;color:white;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.reset-button:hover{background-color:#4b5563}.upload-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:1rem;margin-top:1rem;display:flex;align-items:center;gap:.5rem;color:#dc2626}.error-icon{font-size:1.25rem;color:#ef4444}@media (max-width:640px){.upload-container{padding:1rem}.upload-content{gap:.75rem}.url-container{flex-direction:column;align-items:stretch;gap:.5rem}.copy-button{align-self:flex-end}}.no-permission{margin-bottom:2rem;color:#6b7280}.coloring-pages-list{display:grid;grid-template-columns:repeat(7,1fr);gap:.75rem;list-style:none;padding:0;margin-bottom:1rem}.coloring-page-item{border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;background-color:white;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s}.coloring-page-item:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-2px)}.coloring-page-image{object-fit:contain;background-color:white;border-radius:.25rem;width:100%;height:150px;align-self:center}.coloring-detail{display:grid;grid-template-columns:1fr 240px;gap:1rem;align-items:start}.coloring-detail-image-wrapper{background:#ffffff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.coloring-detail-title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;text-align:center;color:#111827}.coloring-detail-image{width:100%;max-height:75vh;object-fit:contain;border-radius:.25rem;display:block;margin:0 auto}.coloring-detail-footer{justify-content:space-between}.coloring-detail-footer,.share-buttons{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.share-buttons{justify-content:center}.icon-x{background:#000000;color:#ffffff}.icon-x:hover{background:#111111}.icon-facebook{background:#1877F2;color:#ffffff}.icon-facebook:hover{background:#0f5bd8}.icon-whatsapp{background:#25D366;color:#073b1a}.icon-whatsapp:hover{background:#1ebe57}.icon-telegram{background:#229ED9;color:#ffffff}.icon-telegram:hover{background:#1a8ec4}.coloring-detail-sidebar{display:flex;flex-direction:column;gap:.5rem;position:sticky;top:5rem}.detail-action-buttons{justify-content:flex-start}@media (max-width:1024px){.coloring-detail{grid-template-columns:1fr}.coloring-detail-sidebar{position:static}.detail-action-buttons{justify-content:flex-end}}.coloring-page-content{flex:1;text-align:center}.coloring-page-meta{min-height:4rem;max-height:4rem;overflow:hidden}.coloring-page-title{margin:0 0 .25rem;font-size:.9rem;font-weight:600;line-height:1.2;line-clamp:3;-webkit-line-clamp:3}.coloring-page-description,.coloring-page-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.coloring-page-description{font-size:.8rem;color:#6b7280;margin-bottom:.25rem;line-clamp:1;-webkit-line-clamp:1}.tags-section{margin-top:.5rem}.tags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tags-header h4{font-size:.8rem;font-weight:600;color:#374151;margin:0}.edit-tags-button{background-color:#6b7280;color:white;border:none;padding:.25rem .5rem;border-radius:.25rem;font-size:.7rem;cursor:pointer;transition:all .2s}.edit-tags-button:hover{background-color:#4b5563}.tags-display{display:flex;flex-wrap:wrap;gap:.25rem}.tag{display:inline-flex;align-items:center;gap:.25rem;background-color:#e5e7eb;color:#374151;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;margin:.125rem}.tag.tag-key-fallback{background-color:#fef3c7;color:#92400e;font-style:italic;border:1px dashed #f59e0b}.no-tags{color:#9ca3af;font-size:.7rem;font-style:italic}.tags-editor{display:flex;flex-direction:column;gap:.5rem}.tags-input-container{display:flex;gap:.25rem}.tag-input{flex:1;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.7rem}.tag-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.add-tag-button{background-color:#10b981;color:white;border:none;padding:.25rem .5rem;border-radius:.25rem;font-size:.7rem;cursor:pointer;transition:all .2s}.add-tag-button:hover{background-color:#059669}.predefined-tags{margin-top:.5rem}.predefined-tags h5{font-size:.8rem;font-weight:600;color:#374151;margin:0 0 .5rem}.predefined-tags-list{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.predefined-tag{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.25rem .5rem;border-radius:.25rem;font-size:.7rem;cursor:pointer;transition:all .2s}.predefined-tag:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.predefined-tag.selected{background-color:#3b82f6;color:white;border-color:#3b82f6}.predefined-tag:disabled{opacity:.5;cursor:not-allowed}.tags-list{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.remove-tag-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.8rem;padding:0;margin-left:.25rem;line-height:1}.remove-tag-button:hover{color:#ef4444}.tags-actions{display:flex;gap:.5rem}.save-tags-button{background-color:#10b981;color:white;border:none;padding:.25rem .5rem;border-radius:.25rem;font-size:.7rem;cursor:pointer;transition:all .2s}.save-tags-button:hover{background-color:#059669}.cancel-tags-button{background-color:#6b7280;color:white;border:none;padding:.25rem .5rem;border-radius:.25rem;font-size:.7rem;cursor:pointer;transition:all .2s}.cancel-tags-button:hover{background-color:#4b5563}.admin-link-container{text-align:center;margin:1rem 0}.admin-link{display:inline-flex;align-items:center;gap:.375rem;background-color:#3b82f6;color:white;text-decoration:none;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.1);height:2rem;justify-content:center}.admin-link:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.tag-filter{margin-bottom:1rem;padding:.5rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;min-height:90px}.tag-filter-actions{min-height:22px}.tag-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tag-filter h3{font-size:.95rem;font-weight:600;color:#374151;margin:0}.tag-filter-back-button{background-color:#6b7280;color:white;border:none;padding:.25rem .5rem;border-radius:.375rem;font-size:.8rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.tag-filter-back-button:hover{background-color:#4b5563}.tag-filter-breadcrumb{display:flex;align-items:center;gap:.25rem;margin-bottom:.75rem;font-size:.8rem;color:#6b7280;flex-wrap:wrap}.breadcrumb-item{color:#6b7280}.breadcrumb-item.clickable{color:#3b82f6;cursor:pointer;text-decoration:underline}.breadcrumb-item.clickable:hover{color:#1d4ed8}.breadcrumb-item.main-menu-item{font-weight:700;color:#1d4ed8;background-color:#dbeafe;padding:.25rem .5rem;border-radius:.375rem;border:2px solid #3b82f6;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s}.breadcrumb-item.main-menu-item:hover{background-color:#3b82f6;color:white;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.breadcrumb-separator{color:#9ca3af;margin:0 .25rem}.tag-filter-list{display:flex;flex-wrap:wrap;gap:.375rem;row-gap:.375rem}.tag-filter-list.top-level{margin-bottom:0}.tag-filter-breadcrumb .btn-link{background:transparent;border:none;color:#3b82f6;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit}.tag-filter-breadcrumb .btn-link:hover{color:#1d4ed8;text-decoration:underline}.tag-filter-breadcrumb .btn-link-static{color:#3b82f6;text-decoration:underline;cursor:default}.tag-filter-button{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.6rem;border-radius:.375rem;font-size:.8rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;line-height:1;text-decoration:none}.tag-filter-button:hover{background-color:#e5e7eb;border-color:#9ca3af}.tag-filter-button.active{background-color:#3b82f6;color:white;border-color:#3b82f6}.tag-filter-button.active:hover{background-color:#1d4ed8}.tag-filter-button.has-children{background-color:#f0f9ff;border-color:#0ea5e9;color:#0c4a6e;position:relative;padding-right:2rem}.tag-filter-button.has-children:hover{background-color:#e0f2fe;border-color:#0284c7}.tag-filter-button.has-children.active{background-color:#0ea5e9;color:white;border-color:#0ea5e9}.tag-filter-button.has-children.active:hover{background-color:#0284c7}.children-indicator{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-weight:700;color:inherit}.tag-filter-button.tag-key-fallback{background-color:#fef3c7;color:#92400e;font-style:italic;border:1px dashed #f59e0b}.tag-filter-button.tag-key-fallback:hover{background-color:#fde68a}.tag-filter-button.tag-key-fallback.active{background-color:#f59e0b;color:white}.tag-filter-button.tag-key-fallback.active:hover{background-color:#d97706}.action-buttons{gap:.5rem;margin-top:auto}.action-buttons,.icon-button{display:flex;align-items:center;justify-content:center}.icon-button{width:2.25rem;height:2.25rem;border-radius:.25rem;transition:all .2s;border:none;cursor:pointer}.icon-button svg{width:1.35rem;height:1.35rem}.download-button{background-color:#3b82f6;color:white}.download-button:hover{background-color:#2563eb}.delete-button{background-color:#ef4444;color:white}.delete-button:hover{background-color:#dc2626}.print-button{background-color:#10b981;color:white}.print-button:hover{background-color:#059669}.download-counter{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e5e7eb}.download-counter svg{width:.875rem;height:.875rem}.empty-state{text-align:center;color:#6b7280;padding:2rem}.loading-state{display:flex;align-items:center;justify-content:center;padding:1.5rem 0}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.navbar{padding:.375rem 0}.navbar-container{gap:.5rem}.navbar-container,.navbar-right{flex-direction:column;align-items:stretch}.navbar-admin-section{margin-left:0;padding-left:0;border-left:none;border-top:1px solid #e5e7eb;padding-top:.5rem;margin-top:.5rem}.navbar-title{font-size:1.125rem}.main-container{padding:.5rem}.coloring-pages-list{grid-template-columns:repeat(2,1fr);gap:.5rem}.coloring-page-item{text-align:center}.action-buttons{margin-top:.5rem;justify-content:center}.pagination-controls{flex-direction:column;gap:.5rem}.pagination-numbers{order:-1}.tag-filter{min-height:100px}.tag-filter-header{flex-direction:column;align-items:flex-start;gap:.5rem}.tag-filter-back-button{font-size:.75rem;padding:.25rem .5rem}.tag-filter-breadcrumb{font-size:.75rem}}@media (max-width:480px){.coloring-pages-list{grid-template-columns:1fr;gap:.75rem}}.pagination{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.pagination-info{font-size:.75rem;color:#6b7280;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.pagination-button{background-color:#3b82f6;color:white;border:none;padding:.3rem .6rem;border-radius:.375rem;font-size:.75rem;cursor:pointer;transition:all .2s;font-weight:500}.pagination-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.pagination-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.pagination-numbers{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center}.pagination-number{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.3rem .5rem;border-radius:.375rem;font-size:.75rem;cursor:pointer;transition:all .2s;min-width:2rem;text-align:center}.pagination-number:hover:not(.active){background-color:#e5e7eb;border-color:#9ca3af}.pagination-number.active{background-color:#3b82f6;color:white;border-color:#3b82f6}.pagination-number.active:hover{background-color:#2563eb}.navbar{background-color:var(--surface);border-bottom-color:var(--border)}.navbar-title{color:var(--heading)}.navbar-admin-section{border-left-color:var(--border)}.language-button.inactive{background-color:var(--surface-muted);color:var(--foreground)}.pagination,.tag-filter,.upload-container{background-color:var(--surface-muted);border-color:var(--border)}.predefined-tags h5,.tags-header h4,.upload-header h3{color:var(--heading)}.coloring-page-item{background-color:var(--surface);border-color:var(--border)}.coloring-page-image{background-color:var(--paper)}.coloring-detail-image-wrapper{background:var(--surface);border-color:var(--border)}.coloring-detail-title{color:var(--heading)}.coloring-page-description,.empty-state,.no-permission{color:var(--muted-foreground)}.tag{background-color:var(--surface-muted);color:var(--foreground)}.predefined-tag,.tag-filter-button{background-color:var(--surface-muted);border-color:var(--border);color:var(--foreground)}.breadcrumb-item,.breadcrumb-separator,.download-counter{color:var(--muted-foreground)}.download-counter{background-color:var(--surface-muted);border-color:var(--border)}@media (prefers-color-scheme:dark){.download-counter img,.download-counter svg{filter:invert(1) brightness(1.2)}.tag{background-color:rgba(255,255,255,.06);border:1px solid var(--border)}}.pagination-number{background-color:var(--surface-muted);border-color:var(--border);color:var(--foreground)}@media (prefers-color-scheme:light){.tag{background-color:#e0f2fe;color:#0c4a6e}}.cookie-consent{position:fixed;left:0;right:0;bottom:0;z-index:3000}.cookie-consent__inner{max-width:80rem;margin:0 auto;padding:.75rem 1rem;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cookie-consent__text{color:var(--foreground);font-size:.9rem;line-height:1.4}.cookie-consent__link{color:#3b82f6;text-decoration:underline}.cookie-consent__actions{display:flex;gap:.5rem}.cookie-consent__btn{padding:.4rem .75rem;border-radius:.375rem;border:1px solid var(--border);background:var(--surface);color:var(--foreground);cursor:pointer}.cookie-consent__btn--accept{background:#10b981;color:#ffffff;border-color:#059669}.cookie-consent__btn--accept:hover{background:#059669}.cookie-consent__btn--decline{background:var(--surface-muted)}@media (max-width:640px){.cookie-consent__inner{flex-direction:column;align-items:flex-start}}