*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body,html{background-color:#f9fafb;color:#111827;min-height:100vh;padding-bottom:60px;overflow-x:hidden;width:100%}.btn{transition:all .2s ease}.btn:hover{opacity:.9;transform:translateY(-1px)}.card,.nav-bar{background-color:#fff}.card{border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.nav-bar{position:fixed;bottom:0;left:0;right:0;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;padding:.75rem 0;z-index:100}.list-item,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;color:#6b7280;text-decoration:none;font-size:.75rem}.nav-item.active{color:#10b981}.nav-item i{font-size:1.25rem;margin-bottom:.25rem}.list-item{justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.ingredients-list-container li:last-child,.list-item:last-child{border-bottom:none}.badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-red{background-color:#fee2e2;color:#dc2626}.badge-yellow{background-color:#fef3c7;color:#d97706}.badge-green{background-color:#dcfce7;color:#166534}.allergic-badge{display:inline-block;padding:2px 6px;background-color:#fee2e2;color:#dc2626;border-radius:4px;font-size:10px;margin-left:6px}.allergic-warning{display:flex;align-items:center;color:#dc2626;font-size:12px;margin-top:4px}.allergic-warning i{margin-right:4px}@media (max-width:320px){.container{padding:.5rem!important}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}}@media (max-width:480px){#top-login-area{space-x:2px!important}#login-button,#user-info a,#user-info button{padding:.5rem .75rem!important}#login-button span,#user-info a span,#user-info button span{display:none!important}#login-button i,#user-info a i,#user-info button i{font-size:1.2rem;margin-right:0}}.cooking-method-note{font-size:10px;color:#6b7280;font-style:italic}#menu-detail-modal{padding:16px}#menu-detail-modal .max-w-4xl{max-width:100%;width:100%;margin:0;border-radius:12px}.meal-icon-container{width:40px;height:40px;border-radius:50%;background-color:#eff6ff;display:flex;align-items:center;justify-content:center;color:#2563eb;margin-right:12px}.ingredients-list-container{background-color:#fff;border:1px solid #f3f4f6;border-radius:8px;overflow:hidden}.ingredients-list-container ul{list-style:none;padding:0;margin:0}.ingredients-list-container li{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #f3f4f6}.steps-container{display:flex;flex-direction:column;gap:12px}.step-card{display:flex;background-color:#f9fafb;padding:12px;border-radius:8px;transition:all .2s ease}.step-card:hover{background-color:#f3f4f6}.step-number{width:28px;height:28px;border-radius:50%;background-color:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-right:12px;margin-top:2px;flex-shrink:0}.step-content{flex:1;color:#374151}.cooking-time-badge{font-size:12px;padding:4px 8px;background-color:#eff6ff;color:#1e40af;border-radius:9999px;margin-left:12px}.cooking-tips-container{background-color:#fffbeb;border-left:4px solid #f59e0b;padding:16px;border-radius:0 8px 8px 0}.cooking-tips-container h5{display:flex;align-items:center;color:#92400e;margin-bottom:8px;font-size:14px}.cooking-tips-container p{color:#92400e;font-size:12px}.expire-tag,.inventory-tag{font-size:12px;margin-left:8px}.inventory-tag{color:#ea580c}.expire-tag{padding:2px 8px;border-radius:9999px}.expire-tag-expiring-today{background-color:#fee2e2;color:#dc2626}.expire-tag-expiring-soon{background-color:#fef3c7;color:#d97706}@media (max-width:640px){#menu-detail-modal .max-h-90vh{max-height:95vh}#menu-detail-modal .p-6{padding:16px}.step-card{padding:10px}.cooking-tips-container{padding:12px}}#menu-detail-modal::-webkit-scrollbar{width:6px}#menu-detail-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}#menu-detail-modal::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}#menu-detail-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}