body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,body{margin:0;padding:0}*{box-sizing:border-box}body{background:#f5f5f5;display:flex;font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif;justify-content:center}.app{background:#fff;max-width:480px;min-height:100vh;width:100%}.screen{padding:20px 20px 40px}.header{margin-bottom:24px;text-align:center}.header h1{color:#ff6b35;font-size:32px;font-weight:700}.header h2{color:#333;font-size:22px;font-weight:700}.header p{color:#888;font-size:14px;margin-top:4px}.back-btn{background:none;border:none;color:#ff6b35;display:block;margin-bottom:8px;padding:0}.back-btn,.main-btn{cursor:pointer;font-size:16px}.main-btn{border:none;border-radius:12px;font-weight:600;margin-bottom:12px;padding:16px;transition:transform .1s;width:100%}.main-btn:active{transform:scale(.98)}.main-btn.primary{background:#ff6b35;color:#fff}.main-btn.secondary{background:#fff3ee;border:2px solid #ff6b35;color:#ff6b35}.main-btn.saved{background:#4caf50;color:#fff}.main-btn:disabled{cursor:not-allowed;opacity:.5}.api-box{background:#fff3ee;border-radius:16px;margin-bottom:20px;padding:24px}.api-box h3{color:#333;font-size:18px;margin-bottom:8px}.api-box p{color:#888;font-size:13px;margin-bottom:16px}.api-box input{border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:12px;padding:12px;width:100%}.api-box button{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;width:100%}.api-change{background:none;border:none;color:#aaa;cursor:pointer;display:block;font-size:13px;margin:0 auto;text-decoration:underline}.camera-area{background:#f5f5f5;border-radius:16px;cursor:pointer;height:280px;margin-bottom:20px;overflow:hidden;width:100%}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;width:100%}.upload-placeholder span{font-size:48px}.upload-placeholder p{color:#888;font-size:14px}.preview-image{height:100%;object-fit:cover;width:100%}.button-group{display:flex;flex-direction:column;gap:8px}.ingredients-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ingredient-tag{align-items:center;background:#fff3ee;border:1px solid #ff6b35;border-radius:20px;color:#ff6b35;display:flex;font-size:14px;gap:6px;padding:6px 12px}.ingredient-tag button{background:none;border:none;color:#ff6b35;cursor:pointer;font-size:12px;padding:0}.ingredient-chip{background:#f5f5f5;border-radius:12px;color:#666;font-size:12px;padding:4px 8px}.add-ingredient{display:flex;gap:8px;margin-bottom:20px}.add-ingredient input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;padding:12px}.add-ingredient button{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px}.filter-group{margin-bottom:20px}.filter-group p{color:#666;font-size:14px;margin-bottom:8px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#fff;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-size:13px;padding:8px 14px}.filter-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.recipe-list{display:flex;flex-direction:column;gap:12px}.recipe-card{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;padding:16px}.recipe-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.recipe-card-header h3{color:#333;font-size:16px;font-weight:700}.recipe-number{color:#aaa;font-size:12px}.recipe-info{color:#666;display:flex;font-size:13px;gap:12px;margin-bottom:10px}.recipe-arrow{color:#ff6b35;font-size:13px;margin-top:8px;text-align:right}.recipe-meta{background:#f9f9f9;border-radius:12px;color:#666;display:flex;font-size:14px;gap:16px;padding:12px}.recipe-meta,.section{margin-bottom:24px}.section h3{color:#333;font-size:16px;font-weight:700;margin-bottom:12px}.steps-list{display:flex;flex-direction:column;gap:8px}.step-item{align-items:flex-start;border:1px solid #eee;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.step-item.active{background:#fff3ee;border-color:#ff6b35}.step-number{align-items:center;background:#ff6b35;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.step-text{color:#333;flex:1 1;font-size:14px;line-height:1.5}.speak-btn{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:18px}.rating{display:flex;gap:8px}.star{color:#ddd;cursor:pointer;font-size:28px;transition:color .2s}.star.active{color:#ffc107}.memo-input{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:none;width:100%}.saved-rating{color:#ffc107;font-size:16px;margin-bottom:6px}.saved-memo{color:#666;font-size:13px;margin-bottom:6px}.saved-date{color:#aaa;font-size:12px}.delete-btn{background:none;border:none;cursor:pointer;font-size:18px}.empty-state{color:#888;padding:60px 20px;text-align:center}.empty-state p{font-size:16px;margin-bottom:8px}.empty-state .main-btn{margin-top:24px}.error{color:#e53935;font-size:14px;margin-bottom:12px;text-align:center}.main-buttons{display:flex;flex-direction:column;gap:4px}
/*# sourceMappingURL=main.62e536a0.css.map*/