.bildworterbuch-container{--primary-blue:#2563eb;--bg-light-blue:#f3f8ff;--text-dark:#1f2937;--text-gray:#6b7280;--card-bg:#fff;--color-der:#2563eb;--color-die:#ef4444;--color-das:#10b981;max-width:1000px;margin:0 auto;padding:40px 20px;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-dark)}.page-header{text-align:center;margin-bottom:40px}.page-header h1{font-size:32px;font-weight:700;color:var(--text-dark);margin-bottom:10px}.filter-row{display:flex;gap:10px;margin-bottom:30px;justify-content:center;flex-wrap:nowrap}.filter-row>div:first-child{flex:0 0 35%;max-width:200px}.filter-row>div:last-child{flex:1 1 0;max-width:380px}@media(min-width:480px){.filter-row{gap:15px}}.add-word-panel{background:var(--card-bg);border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.04);gap:20px;margin-bottom:40px}.add-word-panel,.upload-area{display:flex;align-items:center}.upload-area{border:2px dashed #cbd5e1;border-radius:12px;padding:20px;text-align:center;color:var(--text-gray);cursor:pointer;flex-shrink:0;width:150px;transition:all .3s ease;flex-direction:column;justify-content:center}.upload-area:hover{border-color:var(--primary-blue);color:var(--primary-blue);background-color:#f8fafc}.form-inputs{flex-grow:1;display:flex;flex-direction:column;gap:15px}.input-field{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:50px;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .3s ease}.input-field:focus{border-color:var(--primary-blue)}.btn-primary{background-color:var(--primary-blue);color:#fff;border:none;border-radius:50px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;width:-moz-fit-content;width:fit-content}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-2px)}.dictionary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.word-card{background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;position:relative}.word-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.card-image{width:100%;height:160px;background-color:#e2e8f0;-o-object-fit:cover;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#94a3b8}.card-content{padding:20px}.word-title{font-size:18px;font-weight:700;margin:0 0 5px;color:var(--text-dark)}.word-translation{font-size:14px;color:var(--text-gray);margin:0}.article-indicator{height:6px;width:100%;position:absolute;top:0;left:0}.der .article-indicator{background-color:var(--color-der)}.die .article-indicator{background-color:var(--color-die)}.das .article-indicator{background-color:var(--color-das)}.der .word-title{color:var(--color-der)}.die .word-title{color:var(--color-die)}.das .word-title{color:var(--color-das)}.CustomSelect_customSelect__LdeVU{position:relative;display:inline-block;width:100%}.CustomSelect_trigger__CniMX{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 18px;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;font-size:14px;font-family:Inter,system-ui,sans-serif;color:#6b7280;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;white-space:nowrap;outline:none}.CustomSelect_trigger__CniMX:hover{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.CustomSelect_triggerOpen__bJgef{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.CustomSelect_triggerActive__Zdwet{color:#1f2937;font-weight:500}.CustomSelect_triggerLabel__HmfqG{flex:1;text-align:left}.CustomSelect_arrow__UAAAL{color:#6b7280;display:flex;align-items:center;transition:transform .25s ease,color .25s ease;flex-shrink:0}.CustomSelect_arrowUp__kBqMN{transform:rotate(180deg);color:#2563eb}.CustomSelect_dropdown__13_vh{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px rgba(37,99,235,.12),0 2px 8px rgba(0,0,0,.06);padding:6px 0;list-style:none;margin:0;z-index:1000;max-height:300px;overflow-y:auto;animation:CustomSelect_dropdownIn__dCGcy .2s ease}.CustomSelect_dropdown__13_vh::-webkit-scrollbar{width:4px}.CustomSelect_dropdown__13_vh::-webkit-scrollbar-track{background:transparent}.CustomSelect_dropdown__13_vh::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@keyframes CustomSelect_dropdownIn__dCGcy{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.CustomSelect_option__mlXx7{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-family:Inter,system-ui,sans-serif;color:#374151;cursor:pointer;transition:background .15s ease,color .15s ease;border-radius:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CustomSelect_option__mlXx7:hover{background:#f3f8ff;color:#2563eb}.CustomSelect_optionSelected__7Qo6x{background:#eff6ff;color:#2563eb;font-weight:600}.CustomSelect_optionSelected__7Qo6x:hover{background:#dbeafe}.CustomSelect_checkmark__3_snF{color:#2563eb;display:flex;align-items:center;flex-shrink:0}.CustomSelect_mobileIconWrap__oLhel{display:none;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0;transition:color .25s ease}.CustomSelect_triggerWithIcon__Of7cw{padding-left:14px;padding-right:14px}@media(max-width:480px){.CustomSelect_mobileIconWrap__oLhel{display:flex}.CustomSelect_triggerLabelHiddenMobile__he9US{display:none}.CustomSelect_triggerActive__Zdwet .CustomSelect_mobileIconWrap__oLhel{color:#2563eb}.CustomSelect_triggerWithIcon__Of7cw{padding-left:10px;padding-right:10px;justify-content:center;gap:6px}}