*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#eff1f5;--bg-card:#fff;--bg-input:#e6e9ef;--text:#4c4f69;--text-muted:#7c7f93;--primary:#7287fd;--primary-hover:#5f72db;--primary-light:#eaebff;--secondary:#d20f39;--secondary-hover:#b50d30;--success:#179299;--success-light:#e6f5e6;--border:#ccd0da;--shadow:none;--shadow-lg:none;--radius:16px;--radius-sm:12px;--radius-xs:8px;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition:.2s ease;--navbar-h:64px}[data-theme=dark]{--bg:#0f0f1a;--bg-card:#1a1a2e;--bg-input:#24243a;--text:#e8e8f0;--text-muted:#8888a0;--primary:#7287fd;--primary-hover:#5f72db;--primary-light:#2a2a4a;--secondary:#f38ba8;--secondary-hover:#e55a5a;--success:#94e2d5;--success-light:#1a2e2a;--border:#2a2a3e;--shadow:none;--shadow-lg:none}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;transition:background var(--transition), color var(--transition);line-height:1.5}a{color:var(--primary);text-decoration:none}button{font-family:var(--font);cursor:pointer;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:var(--font);font-size:1rem}.btn{border-radius:var(--radius-sm);transition:all var(--transition);border:2px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn:disabled,.btn.disabled{opacity:.4;pointer-events:none}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--secondary);color:#fff}.btn-danger:hover{background:var(--secondary-hover)}.btn-sm{min-height:40px;padding:10px 18px;font-size:.875rem}.btn-lg{min-height:60px;padding:18px 36px;font-size:1.125rem}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--bg-input)}.btn-icon{aspect-ratio:1;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:48px;height:48px;min-height:0;padding:0;font-size:1.25rem;display:inline-flex}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:none;border:1px solid var(--border);transition:all var(--transition);padding:24px}.input{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);resize:vertical;min-height:56px;transition:border-color var(--transition);background-clip:padding-box;outline:none;padding:16px 20px;font-size:1rem}.input:focus{border-color:var(--primary)}.input:-webkit-autofill{caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text)!important}.input:-webkit-autofill:hover{caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text)!important}.input:-webkit-autofill:focus{caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text)!important}.input:autofill{caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text)!important}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.875rem;font-weight:600}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a7a8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;padding-right:48px}.page{max-width:768px;padding:24px 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:24px;margin:0 auto;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-header h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}@media (width>=768px){.page{gap:32px;padding:32px 24px}.page-header h1{font-size:2rem}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}.error-msg{background:var(--secondary);color:#fff;border-radius:var(--radius-xs);padding:12px 16px;font-size:.9rem;font-weight:500}.loading{justify-content:center;padding:80px 0;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lang-badge{color:var(--primary);background:var(--primary-light);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-icon{margin-bottom:8px;font-size:3rem}.form-card{flex-direction:column;gap:24px;padding:24px;display:flex}.lang-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.lang-display{border-radius:var(--radius-xs);background:var(--bg-input);height:56px;color:var(--text-muted);border:1px solid var(--border);align-items:center;padding:0 16px;font-weight:600;display:flex}.header-spacer{flex-shrink:0;width:48px}.modal-form{flex-direction:column;gap:20px;display:flex}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.auth-card{flex-direction:column;align-self:center;gap:24px;width:100%;max-width:420px;padding:24px;display:flex}.auth-header{text-align:center;flex-direction:column;gap:8px;display:flex}.auth-icon{font-size:3rem}.auth-header h1{font-size:1.5rem;font-weight:800}.auth-header p{color:var(--text-muted);font-size:.95rem}.auth-form{flex-direction:column;gap:24px;display:flex}.auth-footer{text-align:center;color:var(--text-muted);font-size:.9rem}