.recipe-island{background:#fff;padding:30px;border-radius:var(--radius, .5rem);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .1))}.recipe-island h2{color:#333;margin-bottom:20px;font-size:24px;border-bottom:2px solid var(--color-primary, #007bff);padding-bottom:10px}.btn{display:inline-block;padding:8px 16px;font-size:14px;font-family:inherit;border:none;border-radius:var(--radius, .5rem);cursor:pointer;text-decoration:none;text-align:center;transition:var(--transition, all .3s ease)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary, #007bff);color:var(--color-primary-contrast, white)}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:var(--color-secondary, #6c757d);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-success{background-color:var(--color-success, #28a745);color:#fff}.btn-success:hover:not(:disabled){background-color:#218838}.btn-danger{background-color:var(--color-danger, #dc3545);color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-lg{padding:12px 30px;font-size:18px}.btn-sm{padding:5px 10px;font-size:12px}.btn-block{display:block;width:100%}.alert{padding:12px 15px;border-radius:var(--radius, .5rem);margin-bottom:20px;border:1px solid transparent}.alert-error{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.alert-success{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.alert-warning{background-color:#fff3cd;color:#856404;border-color:#ffeeba}.alert-info{background-color:#d1ecf1;color:#0c5460;border-color:#bee5eb}.card{background:#fff;border-radius:var(--radius, .5rem);border:1px solid #dee2e6;overflow:hidden}.card-body{padding:20px}.card-header{padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .15))}.info-box{background-color:#f8f9fa;padding:var(--spacing, 20px);border-radius:var(--radius, .5rem)}.info-box h3{margin-top:0}.form-control{width:100%;padding:8px 12px;font-size:14px;font-family:inherit;border:1px solid #ddd;border-radius:var(--radius, .5rem);transition:var(--transition, all .3s ease)}.form-control:focus{outline:none;border-color:var(--color-primary, #007bff);box-shadow:0 0 0 2px #007bff40}.form-control-lg{padding:10px 15px;font-size:16px}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:700}fieldset{margin-bottom:30px;padding:20px;border:1px solid #ddd;border-radius:var(--radius, .5rem)}fieldset legend{font-weight:700;padding:0 10px}.grid{display:grid;gap:var(--spacing, 20px)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-recipe-detail{grid-template-columns:1fr 2fr;gap:30px}@media (max-width: 768px){.grid-2,.grid-3,.grid-recipe-detail{grid-template-columns:1fr}}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-center{align-items:center}.flex-between{justify-content:space-between}.gap-sm{gap:10px}.gap-md{gap:15px}.gap-lg{gap:20px}.badge{display:inline-block;padding:2px 8px;font-size:12px;font-weight:700;text-transform:uppercase;border-radius:4px;color:#fff}.badge-easy{background-color:var(--color-success, #28a745)}.badge-medium{background-color:#ffc107;color:#333}.badge-hard{background-color:var(--color-danger, #dc3545)}.badge-default{background-color:var(--color-secondary, #6c757d)}.badge-success{background-color:var(--color-success, #28a745)}.tag{display:inline-block;padding:4px 10px;margin:2px;font-size:14px;background-color:#e9ecef;border-radius:4px}.pill-toggle{display:flex;align-items:center;padding:8px 12px;border-radius:20px;cursor:pointer;border:1px solid #dee2e6;background-color:#f8f9fa;color:#333;transition:var(--transition, all .3s ease)}.pill-toggle input{display:none}.pill-toggle.active-primary{background-color:var(--color-primary, #007bff);border-color:var(--color-primary, #007bff);color:#fff}.pill-toggle.active-success{background-color:var(--color-success, #28a745);border-color:var(--color-success, #28a745);color:#fff}.pill-toggle.active-danger{background-color:var(--color-danger, #dc3545);border-color:var(--color-danger, #dc3545);color:#fff}.recipe-card{border:1px solid #ddd;border-radius:var(--radius, .5rem);overflow:hidden;cursor:pointer;transition:var(--transition, all .3s ease)}.recipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .15))}.recipe-card-image{height:200px;background-size:cover;background-position:center}.recipe-card-body{padding:15px}.recipe-card-title{margin:0 0 10px;font-size:18px}.recipe-card-meta{display:flex;justify-content:space-between;margin-bottom:10px;color:#666;font-size:14px}.recipe-card-info{color:#666;font-size:14px;margin-bottom:5px}.recipe-card-tags{margin-top:10px}.recipe-detail-image{width:100%;border-radius:var(--radius, .5rem);margin-bottom:20px}.recipe-quick-info{background-color:#f8f9fa;padding:var(--spacing, 20px);border-radius:var(--radius, .5rem)}.recipe-quick-info h3{margin-top:0}.recipe-info-item{margin-bottom:15px}.recipe-resources{margin-top:20px;padding:var(--spacing, 20px);background-color:#f8f9fa;border-radius:var(--radius, .5rem)}.recipe-resources h3{margin-top:0}.recipe-resources a{display:block;margin-bottom:10px;color:var(--color-primary, #007bff);text-decoration:none}.recipe-resources a:hover{text-decoration:underline}.recipe-section{background:#fff;padding:var(--spacing, 20px);border-radius:var(--radius, .5rem);border:1px solid #dee2e6;margin-bottom:20px}.recipe-section h2{margin-top:0;border-bottom:none}.recipe-instructions{white-space:pre-wrap;line-height:1.6}.recipe-browse-link{margin-top:20px;padding:var(--spacing, 20px);background-color:#f0f8ff;border-radius:var(--radius, .5rem);text-align:center}.ingredients-list{margin-left:20px}.ingredients-list li{margin-bottom:8px}.loading-container{text-align:center;padding:40px}.debug-panel{background:#fffbf0;border:1px solid #ffc107;border-radius:var(--radius, .5rem);padding:15px;margin-top:20px}.debug-panel h3{color:#856404;margin-bottom:10px;font-size:16px}.debug-panel pre{background:#f8f9fa;padding:10px;border-radius:4px;overflow-x:auto;font-size:12px}.debug-panel-dark{margin-top:20px;padding:20px;background-color:#f0f0f0;border-radius:var(--radius, .5rem);border:1px solid #ddd}.import-recipes-island .search-form{display:flex;align-items:center;margin:20px 0}.import-recipes-island details summary{list-style:none}.import-recipes-island details summary::-webkit-details-marker{display:none}.import-recipes-island details summary:before{content:"▶";display:inline-block;margin-right:10px;transition:transform .2s}.import-recipes-island details[open] summary:before{transform:rotate(90deg)}.import-recipes-island .recipes-accordion{max-height:600px;overflow-y:auto;padding-right:10px}.recipe-accordion-item{margin-bottom:10px;border:1px solid #333;border-radius:var(--radius, .5rem);box-shadow:var(--shadow-sm, 0 0 3px rgba(0, 0, 0, .3))}.recipe-accordion-summary{padding:15px;cursor:pointer;background-color:#f8f9fa;display:flex;align-items:center;justify-content:space-between}.recipe-accordion-summary.imported{background-color:#d4edda}.recipe-accordion-content{padding:15px}.recipe-accordion-grid{display:grid;grid-template-columns:200px 1fr;gap:20px}.recipe-accordion-image{width:100%;border-radius:var(--radius, .5rem)}.recipe-breadcrumbs{padding:10px 0;margin-bottom:20px;font-size:14px;color:var(--color-secondary, #6c757d)}.recipe-breadcrumbs a{color:var(--color-primary, #007bff);text-decoration:none;transition:var(--transition, all .3s ease)}.recipe-breadcrumbs a:hover{color:#0056b3;text-decoration:underline}.recipe-breadcrumbs .separator{margin:0 8px;color:var(--color-secondary, #6c757d)}.recipe-breadcrumbs .current{color:#495057;font-weight:500}.preferences-container{max-width:800px;margin:0 auto;padding:20px}.preferences-section{margin-bottom:30px}.preferences-section h3{margin-bottom:10px}.preferences-description{color:#666;margin-bottom:15px}.preferences-pills{display:flex;flex-wrap:wrap;gap:10px}.preferences-summary{margin-top:40px;padding:var(--spacing, 20px);background-color:#f8f9fa;border-radius:var(--radius, .5rem)}.preferences-summary ul{line-height:1.8}.custom-exclusions{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px}.custom-exclusion-tag{padding:4px 8px;background-color:#f8f9fa;border-radius:4px;font-size:14px;border:1px solid #dee2e6}.custom-exclusion-tag button{margin-left:5px;background:none;border:none;color:var(--color-danger, #dc3545);cursor:pointer;font-weight:700}.text-center{text-align:center}.text-muted{color:#666}.text-small{font-size:14px}.mt-0{margin-top:0}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mt-4{margin-top:40px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.p-1{padding:10px}.p-2{padding:20px}.p-3{padding:30px}@media (max-width: 768px){.recipe-island{padding:15px}.recipe-accordion-grid{grid-template-columns:1fr}.hide-mobile{display:none}}