.recipe-island{background:var(--color-bg, #fff);padding:var(--spacing-md, 1.5rem);border-radius:var(--radius, .5rem)}.recipe-island h2{color:var(--color-text, #111827);margin-bottom:var(--spacing, 1rem);font-size:24px;border-bottom:2px solid var(--color-primary, #007bff);padding-bottom:10px}.alert{padding:12px 15px;border-radius:var(--radius, .5rem);margin-bottom:var(--spacing, 1rem);border:1px solid transparent}.alert-error{background-color:color-mix(in srgb,var(--color-danger, #dc3545) 12%,transparent);color:var(--color-danger, #721c24);border-color:color-mix(in srgb,var(--color-danger, #dc3545) 30%,transparent)}.alert-success{background-color:color-mix(in srgb,var(--color-success, #28a745) 12%,transparent);color:var(--color-success, #155724);border-color:color-mix(in srgb,var(--color-success, #28a745) 30%,transparent)}.alert-warning{background-color:color-mix(in srgb,#f0a020 14%,transparent);color:#856404;border-color:color-mix(in srgb,#f0a020 30%,transparent)}.alert-info{background-color:color-mix(in srgb,var(--color-primary, #1e3a8a) 10%,transparent);color:var(--color-primary, #0c5460);border-color:color-mix(in srgb,var(--color-primary, #1e3a8a) 25%,transparent)}.grid-recipe-detail{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-md, 1.5rem)}.info-box{background-color:var(--color-bg-secondary, #f9fafb);padding:var(--spacing, 1rem);border-radius:var(--radius, .5rem)}.info-box h3{margin-top:0}.badge{display:inline-block;padding:2px 8px;font-size:12px;font-weight:700;text-transform:uppercase;border-radius:var(--radius-sm, .25rem);color:var(--color-white, #fff)}.badge-easy{background-color:var(--color-success, #28a745)}.badge-medium{background-color:#f0a020;color:var(--color-gray-900, #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:var(--color-bg-tertiary, #e9ecef);color:var(--color-text-secondary, #4b5563);border-radius:var(--radius-sm, .25rem)}.pill-toggle{display:flex;align-items:center;padding:8px 12px;border-radius:var(--radius-full, 9999px);cursor:pointer;border:1px solid var(--color-border, #dee2e6);background-color:var(--color-bg-secondary, #f9fafb);color:var(--color-text, #111827);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:var(--color-primary-contrast, #fff)}.pill-toggle.active-success{background-color:var(--color-success, #28a745);border-color:var(--color-success, #28a745);color:var(--color-white, #fff)}.pill-toggle.active-danger{background-color:var(--color-danger, #dc3545);border-color:var(--color-danger, #dc3545);color:var(--color-white, #fff)}.recipe-card{border:1px solid var(--color-border, #ddd);border-radius:var(--radius, .5rem);overflow:hidden;cursor:pointer;background:var(--color-bg, #fff);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;background-color:var(--color-bg-tertiary, #f3f4f6)}.recipe-card-body{padding:15px}.recipe-card-title{margin:0 0 10px;font-size:18px;color:var(--color-text, #111827)}.recipe-card-meta{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--color-text-secondary, #4b5563);font-size:14px}.recipe-card-info{color:var(--color-text-secondary, #4b5563);font-size:14px;margin-bottom:5px}.recipe-card-tags{margin-top:10px}.ingredients-list{margin-left:20px}.ingredients-list li{margin-bottom:8px}.loading-container{text-align:center;padding:var(--spacing-lg, 2rem)}.import-recipes-island .search-form{display:flex;align-items:center;margin:var(--spacing, 1rem) 0}.recipe-island.import-recipes-island .search-form input{color:var(--color-text, #000)!important}.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 var(--color-border, #dee2e6);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:var(--color-bg-secondary, #f9fafb);display:flex;align-items:center;justify-content:space-between}.recipe-accordion-summary.imported{background-color:color-mix(in srgb,var(--color-success, #28a745) 15%,transparent)}.recipe-accordion-content{padding:15px}.recipe-accordion-grid{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing, 1rem)}.recipe-accordion-image{width:100%;border-radius:var(--radius, .5rem)}.recipe-breadcrumbs{padding:10px 0;margin-bottom:var(--spacing, 1rem);font-size:14px;color:var(--color-text-secondary, #6c757d)}.recipe-breadcrumbs a{color:var(--color-primary, #007bff);text-decoration:none;transition:var(--transition, all .3s ease)}.recipe-breadcrumbs a:hover{filter:brightness(.9);text-decoration:underline}.recipe-breadcrumbs .separator{margin:0 8px;color:var(--color-text-muted, #6c757d)}.recipe-breadcrumbs .current{color:var(--color-text, #495057);font-weight:500}.preferences-container{max-width:var(--container-width-narrow, 800px);margin:0 auto;padding:var(--spacing, 1rem)}.preferences-section{margin-bottom:var(--spacing-md, 1.5rem)}.preferences-section h3{margin-bottom:10px}.preferences-description{color:var(--color-text-secondary, #4b5563);margin-bottom:15px}.preferences-pills{display:flex;flex-wrap:wrap;gap:10px}.preferences-summary{margin-top:var(--spacing-lg, 2rem);padding:var(--spacing, 1rem);background-color:var(--color-bg-secondary, #f9fafb);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:var(--color-bg-secondary, #f9fafb);border-radius:var(--radius-sm, .25rem);font-size:14px;border:1px solid var(--color-border, #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:var(--color-text-secondary, #4b5563)}.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}.form-control{width:100%;padding:var(--input-padding, .625rem .875rem);font-size:var(--input-font-size, 1rem);font-family:inherit;color:var(--color-text, #111827);background:var(--input-bg, var(--color-bg, #fff));border:var(--input-border-width, 1px) solid var(--input-border-color, var(--color-border, #ddd));border-radius:var(--input-radius, var(--radius, .5rem));transition:var(--input-transition, var(--transition, all .15s ease-in-out))}.form-control:focus{outline:none;border-color:var(--input-border-focus, var(--color-primary, #007bff));box-shadow:var(--input-shadow-focus, 0 0 0 3px color-mix(in srgb, var(--color-primary, #007bff) 18%, transparent))}.form-control-lg{padding:10px 15px;font-size:16px}.form-label{display:block;margin-bottom:5px;font-weight:700}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing, 1rem)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing, 1rem)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing, 1rem)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing, 1rem)}.gap-sm{gap:var(--spacing-sm, .5rem)}.gap-md{gap:var(--spacing, 1rem)}.gap-lg{gap:var(--spacing-md, 1.5rem)}.p-1{padding:var(--spacing-sm, .5rem)}.p-2{padding:var(--spacing, 1rem)}.p-3{padding:var(--spacing-md, 1.5rem)}.recipe-detail-image{width:100%;border-radius:var(--radius, .5rem);margin-bottom:var(--spacing, 1rem)}.recipe-quick-info{background-color:var(--color-bg-secondary, #f9fafb);padding:var(--spacing, 1rem);border-radius:var(--radius, .5rem)}.recipe-quick-info h3{margin-top:0}.recipe-info-item{margin-bottom:15px}.recipe-resources{margin-top:var(--spacing, 1rem);padding:var(--spacing, 1rem);background-color:var(--color-bg-secondary, #f9fafb);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:var(--color-bg, #fff);padding:var(--spacing, 1rem);border-radius:var(--radius, .5rem);border:1px solid var(--color-border, #dee2e6);margin-bottom:var(--spacing, 1rem)}.recipe-section h2{margin-top:0;border-bottom:none}.recipe-instructions{white-space:pre-wrap;line-height:1.6}.recipe-browse-link{margin-top:var(--spacing, 1rem);padding:var(--spacing, 1rem);background-color:var(--color-bg-secondary, #f9fafb);border-radius:var(--radius, .5rem);text-align:center}.debug-panel{background:var(--color-bg-secondary, #fffbf0);border:1px solid var(--color-border, #ffc107);border-radius:var(--radius, .5rem);padding:15px;margin-top:var(--spacing, 1rem)}.debug-panel h3{color:var(--color-text-secondary, #856404);margin-bottom:10px;font-size:16px}.debug-panel pre{background:var(--color-bg-tertiary, #f8f9fa);padding:10px;border-radius:var(--radius-sm, .25rem);overflow-x:auto;font-size:12px}.debug-panel-dark{margin-top:var(--spacing, 1rem);padding:var(--spacing, 1rem);background-color:var(--color-bg-secondary, #f0f0f0);border-radius:var(--radius, .5rem);border:1px solid var(--color-border, #ddd)}@media (max-width: 768px){.recipe-island{padding:var(--spacing, 1rem)}.grid-recipe-detail,.grid-2,.grid-3,.recipe-accordion-grid{grid-template-columns:1fr}.hide-mobile{display:none}}