.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:4px;transition:background-color .2s}.close-btn:hover{background-color:#f3f4f6}.modal-body{padding:1.5rem}.recipe-title{margin:0 0 1.5rem;font-size:1.125rem;font-weight:500;color:#374151}.rating-section{margin-bottom:1.5rem}.rating-section label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.star-rating{display:flex;gap:.25rem;margin-bottom:.5rem}.star-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;filter:grayscale(100%) brightness(.5)}.star-btn:hover{transform:scale(1.1)}.star-btn.active{filter:none;transform:scale(1.1)}.rating-text{font-size:.875rem;color:#6b7280;font-weight:500;margin:0;min-height:1.25rem}.comment-section{margin-bottom:1.5rem}.comment-section label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.comment-section textarea{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:.75rem;font-size:.875rem;resize:vertical;min-height:100px;font-family:inherit}.comment-section textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.comment-section small{display:block;margin-top:.25rem;color:#6b7280;font-size:.75rem}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-icon.rate-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;font-size:1rem}.btn-icon.rate-btn:hover{background-color:#fef3c7;transform:scale(1.1)}.stat-item{font-size:.875rem;color:#6b7280}.my-recipe-wrapper{position:relative;margin-bottom:1rem}.recipe-visibility-header{margin-bottom:.5rem;display:flex;justify-content:flex-end}.visibility-toggle{padding:.25rem .75rem;border:none;border-radius:1rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.visibility-toggle.public{background-color:#10b981;color:#fff}.visibility-toggle.private{background-color:#f59e0b;color:#fff}.visibility-toggle:hover{opacity:.8;transform:scale(1.05)}.saved-recipe-actions{margin-top:.5rem;display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#f9fafb;border-radius:.5rem;border-top:1px solid #e5e7eb}.saved-date{font-size:.75rem;color:#6b7280}.recipe-list-card{margin-bottom:1rem}.btn-rating{background-color:#6b7280!important;color:#fff!important;border:1px solid #6b7280!important}.btn-rating:hover{background-color:#4b5563!important;color:#fff!important;border-color:#4b5563!important}.dark-wrapper{background-color:#111827!important;background:#111827!important}.light-wrapper{background-color:#fff!important;background:#fff!important}.dark .my-recipe-card.recipe-card,.dark .my-recipe-card .recipe-card{background:#1f2937!important;background-color:#1f2937!important;border-color:#374151!important}.dark .my-recipe-card.recipe-card:before,.dark .my-recipe-card .recipe-card:before{background:#0000004d!important}.dark .my-recipe-card .recipe-top-content,.dark .my-recipe-card .recipe-bottom-section{background-color:transparent!important}@media(max-width:768px){.my-recipe-wrapper{margin-bottom:.75rem}.recipe-visibility-header{margin-bottom:.25rem}.saved-recipe-actions{flex-direction:column;gap:.5rem;align-items:flex-start}}