:root{--primary-teal:#14B8A6;--secondary-teal:#06B6D4;--light-teal:#F0FDFA;--dark-teal:#0D9488;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--success:#10B981;--warning:#F59E0B;--danger:#EF4444;--border-radius:12px;--border-radius-sm:8px;--box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--box-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.sentence-card,.translation-item{position:relative}.navbar-logo,.footer-logo{height:auto;max-width:100%}[dir="rtl"]{text-align:right}.translation-item small[dir="rtl"]{text-align:right;margin-left:0!important;margin-right:0.25rem!important}.card-actions{position:absolute;top:0.5rem;right:0.5rem;display:flex;gap:0.25rem;opacity:0;transition:opacity 0.2s ease-in-out}.translation-actions{display:flex;gap:0.25rem;opacity:0;transition:opacity 0.2s ease-in-out}.sentence-card:hover .card-actions,.translation-item:hover .translation-actions{opacity:1}.btn-icon{background-color:transparent;border:none;color:var(--gray-500);padding:0.25rem 0.5rem}.btn-icon:hover{background-color:var(--gray-200);color:var(--gray-800)}.sentence-card[dir="rtl"] .d-flex.w-100{flex-direction:row-reverse}.sentence-card[dir="rtl"] .card-text{text-align:right}.sentence-card[dir="rtl"] .card-actions{right:auto;left:1rem}.sentence-card[dir="rtl"] .vote-widget{margin-right:0;margin-left:1rem}.translation-item[dir="rtl"] .d-flex.w-100{flex-direction:row-reverse}.translation-item[dir="rtl"] .vote-widget{margin-right:0;margin-left:1rem}.navbar-logo{height:50px;width:120px}.highlight{transition:all 0.5s ease-in-out;box-shadow:0 0 0 3px rgba(13,110,253,0.5)!important;border-radius:var(--bs-card-border-radius)}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--gray-700);line-height:1.6;font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--gray-800)}.navbar{backdrop-filter:blur(10px);transition:all 0.3s ease}.navbar-logo{transition:transform 0.3s ease}.navbar-logo:hover{transform:scale(1.05)}.navbar-nav .nav-link{color:var(--gray-600);transition:all 0.3s ease;border-radius:var(--border-radius-sm);font-weight:500}.navbar-nav .nav-link:hover{color:var(--primary-teal);background-color:var(--light-teal)}.navbar-nav .nav-link.active{color:var(--primary-teal);background-color:var(--light-teal);font-weight:600}.user-dropdown{background:linear-gradient(45deg,var(--primary-teal),var(--secondary-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dropdown-menu{border-radius:var(--border-radius);padding:0.5rem 0;border:0;box-shadow:var(--box-shadow-lg)}.dropdown-item{transition:all 0.2s ease;border-radius:var(--border-radius-sm);margin:0 0.5rem}.dropdown-item:hover{background-color:var(--light-teal);color:var(--primary-teal)}.toggle-translations-btn[aria-expanded="true"] .bi-chevron-down{transform:rotate(180deg);transition:transform 0.3s ease}.toggle-translations-btn .bi-chevron-down{transition:transform 0.3s ease}.vote-widget .text-muted{cursor:not-allowed}.btn{border-radius:var(--border-radius-sm);font-weight:500;transition:all 0.3s ease;border:0}.btn-primary{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--secondary-teal) 100%);box-shadow:0 2px 4px rgba(20,184,166,0.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(20,184,166,0.4)}.btn-outline-primary{border:2px solid var(--primary-teal);color:var(--primary-teal)}.btn-outline-primary:hover{background:var(--primary-teal);border-color:var(--primary-teal)}.btn-success{background:var(--success)}.btn-outline-secondary{border:1px solid var(--gray-300);color:var(--gray-600)}.btn-outline-secondary:hover{background:var(--gray-100);border-color:var(--gray-400)}.rounded-pill{border-radius:50px!important}.form-control{border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);padding:0.75rem 1rem;transition:all 0.3s ease;font-size:0.95rem}.form-control:focus{border-color:var(--primary-teal);box-shadow:0 0 0 3px rgba(20,184,166,0.1)}.form-label{color:var(--gray-700);margin-bottom:0.5rem}.card{border-radius:var(--border-radius);border:1px solid var(--gray-200);transition:all 0.3s ease}.card:hover{box-shadow:var(--box-shadow-lg)}.card-body{padding:1.5rem}.alert{border-radius:var(--border-radius);border:0;box-shadow:var(--box-shadow)}.alert-info{background-color:var(--light-teal);color:var(--dark-teal)}.alert-success{background-color:#F0FDF4;color:#166534}.alert-danger{background-color:#FEF2F2;color:#991B1B}.alert-warning{background-color:#FFFBEB;color:#92400E}.footer-logo{transition:transform 0.3s ease}.footer-logo:hover{transform:scale(1.1)}footer{background:linear-gradient(135deg,var(--gray-50) 0%,#ffffff 100%)}footer .nav-link{transition:color 0.3s ease}footer .nav-link:hover{color:var(--primary-teal)!important}#sentence-list-container.loading{min-height:300px;display:flex;justify-content:center;align-items:center;opacity:0.5;transition:opacity 0.2s}.loader-spinner{width:3rem;height:3rem}.text-teal{color:var(--primary-teal)!important}.bg-light-teal{background-color:var(--light-teal)!important}.border-teal{border-color:var(--primary-teal)!important}.shadow-teal{box-shadow:0 4px 12px rgba(20,184,166,0.15)!important}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}.ts-control{border-radius:var(--border-radius-sm)!important;border:1px solid var(--gray-300)!important}.ts-control.focus{border-color:var(--primary-teal)!important;box-shadow:0 0 0 3px rgba(20,184,166,0.1)!important}.ts-dropdown{border-radius:var(--border-radius-sm)!important;box-shadow:var(--box-shadow-lg)!important}@media print{.navbar,footer,.card-actions,.translation-actions{display:none!important}}@media (max-width:768px){.navbar-logo{height:40px;width:100px}.container{padding-left:1rem;padding-right:1rem}.navbar-nav .nav-link{padding:0.75rem 1rem}.card-actions,.translation-actions{opacity:1;position:static;margin-top:0.5rem}.sentence-card{margin-bottom:1rem!important}.vote-widget{font-size:0.9rem}.vote-widget .vote-score{font-size:1.1rem!important}.vote-widget i{font-size:1.2rem!important}.card-actions .btn-icon{padding:0.25rem 0.5rem}.sentence-card .card-text{font-size:1.1rem;line-height:1.6}.sentence-card .card-subtitle{font-size:0.8rem}.sentence-card .mt-3>.d-flex.justify-content-between{flex-direction:column!important;align-items:stretch!important;gap:0.75rem}.sentence-card .toggle-translations-btn{width:100%;justify-content:center}.sentence-card .mt-3>.d-flex>div:last-child{display:flex;flex-direction:column;gap:0.5rem;width:100%}.sentence-card .add-translation-btn,.sentence-card .mt-3 .btn{width:100%}}@media (max-width:576px){.btn{font-size:0.875rem;padding:0.5rem 1rem}.card-body{padding:1rem}.navbar-logo{height:35px;width:90px}.sentence-card .d-flex.justify-content-between:first-child{gap:0.5rem}.container{padding-left:0.75rem;padding-right:0.75rem}.inline-translation-form-container,.sentence-edit-form-container{padding:0.75rem!important}.sentence-card .add-translation-btn,.sentence-card .mt-3 .btn{font-size:0.875rem;padding:0.5rem 0.75rem}.sentence-card .add-translation-btn i,.sentence-card .mt-3 .btn i{font-size:0.875rem}}@media (max-width:896px) and (orientation:landscape){.sentence-card .card-text{font-size:1rem}.vote-widget{font-size:0.85rem}}.navbar-logo{height:100px;width:auto;max-width:200px;object-fit:contain}.navbar{padding-top:1rem;padding-bottom:1rem}@media (max-width:992px){.navbar-logo{height:100px;max-width:170px}}@media (max-width:768px){.navbar-logo{height:100px;max-width:130px}}@media (max-width:576px){.navbar-logo{height:42px;max-width:110px}}.navbar-logo{height:100px!important;width:auto!important;max-width:200px!important;object-fit:contain}.footer-logo{height:80px!important;width:auto!important}.navbar{padding-top:1rem!important;padding-bottom:1rem!important}@media (max-width:992px){.navbar-logo{height:100px!important;max-width:170px!important}}@media (max-width:768px){.navbar-logo{height:100px!important;max-width:170px!important}}@media (max-width:576px){.navbar-logo{height:100px!important;max-width:120px!important}}.navbar .input-group input:focus{border-color:#14B8A6;box-shadow:0 0 0 0.2rem rgba(20,184,166,0.25)}.navbar .input-group .btn-primary{background-color:#14B8A6;border-color:#14B8A6}.navbar .input-group .btn-primary:hover{background-color:#0f766e;border-color:#0f766e}@media (max-width:991px){.navbar .input-group{width:100%}}.navbar{min-height:60px}.navbar-brand img{transition:transform 0.2s}.navbar-brand:hover img{transform:scale(1.05)}.navbar .input-group input{border-right:none}.navbar .input-group input:focus{border-color:#14B8A6;box-shadow:none;border-right:none}.navbar .input-group .btn-primary{background-color:#14B8A6;border-color:#14B8A6;border-left:none}.navbar .input-group .btn-primary:hover{background-color:#0f766e;border-color:#0f766e}.navbar .dropdown-menu{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);margin-top:8px}.navbar .dropdown-item{padding:10px 20px;transition:background-color 0.2s}.navbar .dropdown-item:hover{background-color:#f0fdfa}.navbar .nav-link.active{color:#14B8A6!important;font-weight:600}@media (max-width:991px){.navbar-collapse{margin-top:10px}.navbar .nav-item{border-bottom:1px solid #f1f5f9}.navbar .nav-item:last-child{border-bottom:none}}.navbar .input-group select.form-select{border-left:1px solid #dee2e6;border-right:none}.navbar .input-group input:focus,.navbar .input-group select:focus{border-color:#14B8A6;box-shadow:none;z-index:3}.navbar .input-group .btn-primary{background-color:#14B8A6;border-color:#14B8A6}.navbar .input-group .btn-primary:hover{background-color:#0f766e;border-color:#0f766e}.navbar .form-select{font-size:0.875rem;cursor:pointer}.navbar .form-select option{padding:8px}#searchModal .modal-content{border-radius:16px;overflow:hidden}#searchModal .modal-header{background:linear-gradient(135deg,#0f766e 0%,#14B8A6 100%);padding:1.5rem}#searchModal .form-control:focus,#searchModal .form-select:focus{border-color:#14B8A6;box-shadow:0 0 0 0.25rem rgba(20,184,166,0.25)}.btn-outline-primary.w-100{border-radius:8px;border-width:2px}.btn-outline-primary.w-100:hover{background:#14B8A6;border-color:#14B8A6}#mobileSearchCollapse{box-shadow:0 4px 12px rgba(0,0,0,0.1)}#mobileSearchCollapse .input-group-text{border-right:none}#mobileSearchCollapse .form-control,#mobileSearchCollapse .form-select{border-left:none}#mobileSearchCollapse .form-control:focus,#mobileSearchCollapse .form-select:focus{border-color:#14B8A6;box-shadow:none}.social-link{transition:all 0.3s ease;border-width:2px}.social-link:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.social-link.btn-outline-primary:hover{background:#1877F2;border-color:#1877F2;color:white}.social-link.btn-outline-dark:hover{background:#000000;border-color:#000000;color:white}.social-link[title*="Facebook"]:hover{background:#1877F2!important;border-color:#1877F2!important;color:white!important}.social-link[title*="TikTok"]:hover{background:#000000!important;border-color:#000000!important;color:white!important}.social-link[title*="X"]:hover{background:#000000!important;border-color:#000000!important;color:white!important}.social-link[title*="TikTok"]:hover{background:linear-gradient(135deg,#FF0050 0%,#00F2EA 100%)!important;border-color:#FF0050!important;color:white!important}html{scroll-behavior:smooth;scroll-padding-top:80px}.sentence-card:target{animation:highlightSentence 2s ease}@keyframes highlightSentence{0%{background-color:#e0f7f4;box-shadow:0 0 20px rgba(20,184,166,0.3)}100%{background-color:transparent;box-shadow:0 1px 3px rgba(0,0,0,0.12)}}.btn-outline-primary[title*="Go to"]{transition:all 0.2s ease}.btn-outline-primary[title*="Go to"]:hover{background-color:#14B8A6;border-color:#14B8A6;color:white;transform:translateY(-2px)}.navbar .tom-select-navbar .ts-control,.navbar .tom-select-navbar-mobile .ts-control{border:1px solid #dee2e6;min-height:31px}.navbar .tom-select-navbar .ts-control:focus,.navbar .tom-select-navbar-mobile .ts-control:focus{border-color:#14B8A6;box-shadow:0 0 0 0.2rem rgba(20,184,166,0.25)}#mobileSearchCollapse{box-shadow:0 4px 12px rgba(0,0,0,0.1)}#mobileSearchCollapse .input-group-text{border-right:none}#mobileSearchCollapse .form-control,#mobileSearchCollapse .form-select{border-left:none}#mobileSearchCollapse .form-control:focus,#mobileSearchCollapse .form-select:focus{border-color:#14B8A6;box-shadow:none}